| <!DOCTYPE html> | |
| <meta charset="utf-8"> | |
| <style> | |
| </style> | |
| <div id='marquee'> | |
| </div> | |
| <script src="https://d3js.org/d3.v4.min.js"></script> | |
| <script> |
| height: 800 |
A simple example demonstrating how Coördinator could be used to intersperse relevant, non-data-driven elements into a data story. The runner and Olympic logo are comprised of the circles representing relevant athletes.
Olympic data from: https://www.teamusa.org/road-to-rio-2016/team-usa/athletes
Runner icon by Christian Brunner: https://thenounproject.com/chbrunne/
Olympic logo: https://commons.wikimedia.org/wiki/File:United_States_Olympic_Committee_logo_2.svg
Snowman image via: https://thenounproject.com/marvdrock/
| {"bunny_2d": [[591.7699890136719,329.3479919433594],[591.7218780517578,329.25252532958984],[591.6737670898438,329.1570358276367],[591.6256561279297,329.0615692138672],[591.5770416259766,328.9663314819336],[591.5283813476562,328.8711395263672],[591.4797210693359,328.7759246826172],[591.4306945800781,328.6809387207031],[591.3814849853516,328.58602142333984],[591.332275390625,328.49110412597656],[591.2827911376953,328.39632415771484],[591.2330780029297,328.3016815185547],[591.1833648681641,328.20701599121094],[591.1334686279297,328.11246490478516],[591.083251953125,328.01807403564453],[591.0330352783203,327.9236831665039],[590.9828186035156,327.8293151855469],[590.9320983886719,327.7351760864258],[590.8814239501953,327.6410369873047],[590.8307495117188,327.5468978881836],[590.7796630859375,327.45296478271484],[590.7285308837891,327.3591003417969],[590.6773529052734,327.2652130126953],[590.6259918212891,327.1714401245117],[590.5744018554688,327.0778045654297],[590.5228118896484,326.98416900634766],[590.4711761474 |
| <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30.4 36.16"><title>C</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path d="M4.8,4.27A14.22,14.22,0,0,1,15.42,0Q24,0,28,5.72a12.46,12.46,0,0,1,2.37,6.45H23.18a9.84,9.84,0,0,0-1.77-3.75,7.12,7.12,0,0,0-5.72-2.25A7,7,0,0,0,9.61,9.34q-2.23,3.18-2.23,9T9.73,27a7.37,7.37,0,0,0,6,2.89,6.77,6.77,0,0,0,5.66-2.48,10.91,10.91,0,0,0,1.79-4h7.17a15.56,15.56,0,0,1-4.74,9.19,13.8,13.8,0,0,1-9.77,3.54q-7.37,0-11.59-4.78T0,18.21Q0,9.16,4.8,4.27Z"/></g></g></svg> |
