One of three visualizations designed to show the basic building blocks needed in almost all D3 projects:
loading data, svg, format data, data join, use data to define visual attributes, axis + labels, styling
| <!DOCTYPE html> | |
| <meta charset="utf-8"> | |
| <title>2015-04-06</title> | |
| <body> | |
| <script src="/animations/d3.v3.min.js"></script> | |
| <style> | |
| html, body { | |
| height: 100%; | |
| background: #222; |
| license: gpl-3.0 | |
| license: gpl-3.0 |
| license: gpl-3.0 |
| // everything after here can take daily data and plot it, so would work for "real" data too | |
| function aggregateData() { | |
| var dateFormat = d3.time.format("%Y-%m-%d") | |
| var granularity = ''; | |
| var data = []; | |
| // incoming data object | |
| var dailyData = {}; | |
| var days = []; | |
| var getQuarterFloor = function(date) { |
One of three visualizations designed to show the basic building blocks needed in almost all D3 projects:
loading data, svg, format data, data join, use data to define visual attributes, axis + labels, styling
A basic scatterplot that loads data, scales and axes and updates domains based on extrema. Uses Mike Bostock's margin conventions and the data for Anscombe's Quartet.
forked from kpq's block: Basic starter code for many simple D3 charts
| license: mit |
| <!DOCTYPE html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <link rel="stylesheet" href="stl.css"> | |
| <link href='http://fonts.googleapis.com/css?family=Raleway:400,700' rel='stylesheet' type='text/css'> | |
| </head> | |
| <body> | |
| <div class="projectTitle">Seasonality of products involved in ER visits, sorted by most to least seasonal</div> | |
| <div class="projectDesc">For each product type and month, the chart shows the percent of accidents involving that product that took place in that month. For example, in 2014, just over 70% of all ER visits related to Fireworks occured in July. The products are sorted from most to least seasonal, ending with "stair/steps" accidents which are essentially equally likely in any month.</div> |
| year,month,guns_total_per_1000,guns_total,guns_total_seas,handgun_share,longgun_share,missouri,maryland,new_jersey,district_of_columbia,mississippi,louisiana,alabama,texas,georgia,dc_handguns_per_100k_national_sales | |
| 2000,1,2.332,574951,655088.710685556,0.3183,0.6749,2.71,0.636,0.469,0,2.391,2.506,3.14,8.164,3.075,2.1 | |
| 2000,2,2.344,649111,658925.860865386,0.3178,0.6755,2.728,0.642,0.475,0,2.394,2.493,3.122,8.274,3.045,0.5 | |
| 2000,3,2.335,664622,657021.995131628,0.3202,0.6728,2.668,0.644,0.493,0,2.339,2.447,3.071,8.443,3.067,1 | |
| 2000,4,2.342,552965,659698.47505256,0.3188,0.6741,2.743,0.687,0.517,0,2.422,2.601,3.188,8.451,3.171,1.5 | |
| 2000,5,2.297,467712,647409.449152669,0.3148,0.6775,2.739,0.678,0.525,0,2.453,2.538,3.179,8.506,3.092,1.1 | |
| 2000,6,2.319,479248,654262.383350558,0.3139,0.6791,2.823,0.651,0.551,0,2.473,2.48,3.167,8.519,3.072,0 | |
| 2000,7,2.318,480019,654534.577614929,0.3116,0.6815,2.712,0.709,0.559,0,2.425,2.457,3.139,8.42,3.111,0.5 | |
| 2000,8,2.277,618567,643789.807536772,0.3117,0.6815,2.61,0.678,0.564,0,2.361,2.372, |
| The MIT License (MIT) | |
| Copyright (c) 2014 [KoGor](https://github.com/KoGor) | |
| Permission is hereby granted, free of charge, to any person obtaining a copy | |
| of this software and associated documentation files (the "Software"), to deal | |
| in the Software without restriction, including without limitation the rights | |
| to use, copy, modify, merge, publish, distribute, sublicense, and/or sell | |
| copies of the Software, and to permit persons to whom the Software is | |
| furnished to do so, subject to the following conditions: |