An experimental draggable and zoomable map. Circles are centred on their locations via latitude / longitude coordinates. Used to build a static map for nature.com. Check it out here: http://www.nature.com/news/ultimate-upgrade-for-us-synchrotron-1.13721
A Pen by chris-creditdesign on CodePen.
All the data is grabbed from a html table saved in a separate pen via ajax. Easily updatable - new events can be added by anyone who can copy and paste in html.
A Pen by chris-creditdesign on CodePen.
| state | rate | number | |
|---|---|---|---|
| Alabama | 3.975114944 | 1 | |
| Alaska | 6.838821253 | 2 | |
| Arizona | 6.816538281000001 | 4 | |
| Arkansas | 4.262318566 | 5 | |
| California | 4.106946387 | 6 | |
| Colorado | 5.25502912 | 8 | |
| Connecticut | 1.2390742129999999 | 9 | |
| Delaware | 3.18190742 | 10 | |
| District of Columbia | 5.697923178 | 11 |
| state | count | number | name | population | per_capita | |
|---|---|---|---|---|---|---|
| AK | 8 | 2 | Alaska | 741894 | 1.0783211617832197e-05 | |
| AL | 27 | 1 | Alabama | 4863300 | 5.551785824440195e-06 | |
| AR | 22 | 5 | Arkansas | 2988248 | 7.362173420679944e-06 | |
| AZ | 50 | 4 | Arizona | 6931071 | 7.213892340736374e-06 | |
| CA | 161 | 6 | California | 39250017 | 4.1019090514024495e-06 | |
| CO | 32 | 8 | Colorado | 5540545 | 5.775605107439792e-06 | |
| CT | 5 | 9 | Connecticut | 3576452 | 1.3980335818850638e-06 | |
| DC | 5 | 11 | District of Columbia | 681170 | 7.340311522821028e-06 | |
| DE | 1 | 10 | Delaware | 952065 | 1.0503484530993157e-06 |
First iteration of a tool to create print and online graphics from data entered into a html form.
Type in your own numbers and then click on 'create chart'.
The graphics are created by d3.js http://d3js.org/
Inspired by d3.js barchart generator http://www.d3-generator.com/ And the Quartz workflow http://www.niemanlab.org/2013/05/how-does-quartz-create-visualizations-so-quickly-on-breaking-news/