One Paragraph of project description goes here
These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system.
| * { | |
| font-size: 12pt; | |
| font-family: monospace; | |
| font-weight: normal; | |
| font-style: normal; | |
| text-decoration: none; | |
| color: black; | |
| cursor: default; | |
| } |
| source | target | weight | |
|---|---|---|---|
| 1 | 3 | 5 | |
| 1 | 8 | 3 | |
| 1 | 9 | 3 | |
| 1 | 12 | 3 | |
| 1 | 15 | 2 | |
| 1 | 23 | 3 | |
| 1 | 26 | 2 | |
| 1 | 37 | 2 | |
| 1 | 46 | 2 |
In the example we're looking at historical weather data for San Francisco provided by intellicast.com.
Creating an automatic strip map based on some geographic features and a chosen "spine." The approximate steps:
| /* | |
| This script is meant to be used with a Google Sheets spreadsheet. When you edit a cell containing a | |
| valid CSS hexadecimal colour code (like #000 or #000000), the background colour will be changed to | |
| that colour and the font colour will be changed to the inverse colour for readability. | |
| To use this script in a Google Sheets spreadsheet: | |
| 1. go to Tools » Script Editor » Spreadsheet; | |
| 2. erase everything in the text editor; | |
| 3. change the title to "Set colour preview on edit"; |
| <!DOCTYPE html> | |
| <meta charset="utf-8"> | |
| <title>SANKEY Experiment</title> | |
| <style> | |
| .node rect { | |
| cursor: move; | |
| fill-opacity: .9; | |
| shape-rendering: crispEdges; | |
| } |
| // https://d3js.org/d3-force/ Version 1.0.0. Copyright 2016 Mike Bostock. | |
| (function (global, factory) { | |
| typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('d3-quadtree'), require('d3-collection'), require('d3-dispatch'), require('d3-timer')) : | |
| typeof define === 'function' && define.amd ? define(['exports', 'd3-quadtree', 'd3-collection', 'd3-dispatch', 'd3-timer'], factory) : | |
| (factory((global.d3 = global.d3 || {}),global.d3,global.d3,global.d3,global.d3)); | |
| }(this, function (exports,d3Quadtree,d3Collection,d3Dispatch,d3Timer) { 'use strict'; | |
| function center(x, y) { | |
| var nodes; |
| license: gpl-3.0 |
| license: gpl-3.0 | |
| height: 1030 | |
| scrolling: yes |