| body { | |
| background-color: #323232; | |
| } | |
| p { | |
| color: white; | |
| font-family: 'Raleway', sans-serif; | |
| } | |
| .mainPath { |
| city | day | cloudCover | heatIndex | normalTemperature | windChill | aveWindSpeed | hour | |
|---|---|---|---|---|---|---|---|---|
| ATLANTA | 1 | 412 | 418 | 418 | 371 | 86 | 0 | |
| ATLANTA | 1 | 421 | 411 | 411 | 363 | 86 | 1 | |
| ATLANTA | 1 | 436 | 406 | 406 | 357 | 85 | 2 | |
| ATLANTA | 1 | 442 | 401 | 401 | 350 | 86 | 3 | |
| ATLANTA | 1 | 467 | 397 | 397 | 346 | 87 | 4 | |
| ATLANTA | 1 | 457 | 392 | 392 | 340 | 86 | 5 | |
| ATLANTA | 1 | 467 | 389 | 389 | 335 | 86 | 6 | |
| ATLANTA | 1 | 470 | 387 | 386 | 331 | 89 | 7 | |
| ATLANTA | 1 | 457 | 386 | 386 | 331 | 88 | 8 |
| body { | |
| font-color: gray; | |
| } | |
| .squares { | |
| stroke: gray; | |
| stroke-width: .3; | |
| } | |
| p { |
An improved animation of mergesort. As the name suggests, the algorithm merges sorted arrays, starting with arrays of length 1 and doubling at each step. The two subarrays currently being merged are shown in black.
forked from mbostock's block: Mergesort II
forked from anonymous's block: Mergesort II: commented
forked from zanarmstrong's block: Jittery Line w/ option to choose interpolation
This provides starting point for a visualization in which the input data is a user's mousemovements.
| <!DOCTYPE html> | |
| <meta charset="utf-8"> | |
| <link rel="stylesheet" href="weather.css"> | |
| <body> | |
| <div id = "description">This document reads in weather data, so you can visualize it.</div> | |
| </body> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js" charset="utf-8"></script> | |
| <script src="weather.js"></script> |
forked from syntagmatic's block: Clock
forked from syntagmatic's block: Clock
forked from zanarmstrong's block: Time Data
forked from zanarmstrong's block: Jittery Line w/ option to choose interpolation
This provides starting point for a visualization in which the input data is a user's mousemovements.
forked from zanarmstrong's block: visualization template based on mouse input
| // based on basic block builder template | |
| <!DOCTYPE html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js"></script> | |
| <style> | |
| body { margin:0;position:fixed;top:0;right:0;bottom:0;left:0; } | |
| svg { width: 100%; height: 100%; } | |
| </style> | |
| </head> |