| !function(){function n(n){return n&&(n.ownerDocument||n.document||n).documentElement}function t(n){return n&&(n.ownerDocument&&n.ownerDocument.defaultView||n.document&&n||n.defaultView)}function e(n,t){return t>n?-1:n>t?1:n>=t?0:0/0}function r(n){return null===n?0/0:+n}function u(n){return!isNaN(n)}function i(n){return{left:function(t,e,r,u){for(arguments.length<3&&(r=0),arguments.length<4&&(u=t.length);u>r;){var i=r+u>>>1;n(t[i],e)<0?r=i+1:u=i}return r},right:function(t,e,r,u){for(arguments.length<3&&(r=0),arguments.length<4&&(u=t.length);u>r;){var i=r+u>>>1;n(t[i],e)>0?u=i:r=i+1}return r}}}function o(n){return n.length}function a(n){for(var t=1;n*t%1;)t*=10;return t}function c(n,t){for(var e in t)Object.defineProperty(n.prototype,e,{value:t[e],enumerable:!1})}function l(){this._=Object.create(null)}function s(n){return(n+="")===pa||n[0]===va?va+n:n}function f(n){return(n+="")[0]===va?n.slice(1):n}function h(n){return s(n)in this._}function g(n){return(n=s(n))in this._&&delete this._[n]}function p(){var n=[] |
| <html> | |
| <head> | |
| <title>D3 Simple Nest and CSV Example</title> | |
| <script src="http://d3js.org/d3.v2.js"></script> | |
| </head> | |
| <body> | |
| <script> | |
I wanted to explore the data collected by Mapping Police Violence
Using Tabletop.js to get data from the public spreadsheet URL.
Unfortunately each month of data has a slightly different set of column headers and values. I've attempted to normalize all entries to have the same schema:
{
"name": "Donald Lewis Matkins",
"race": "Unknown race",
"gender": "Male",
"state": "MS",
This is a simple map showing the breakdown of lynchings in America. A blue state means lynching victims were primarily black and red state means lynching victims were primarily white.
Built with blockbuilder.org
This “magnificent 360-degree panorama” of the Milky Way was created by the European Southern Observatory. The source image is in equirectangular coordinates, and is reprojected here using the stereographic projection, simulating the view of the night sky from varying positions on Earth.
This interactive requires WebGL, but see an earlier, slower software implementation of raster reprojection for comparison.
Built with blockbuilder.org
This is a scatter-plot of NRA contributions vs Firearms Deaths per 100K people. Notice TX & TN. I like how CA & NY are right near the $20K for NRA contributions. Contributions are mostly at the state level e.g. state candidates.
Summary: Below are links to datasets regarding NRA contributions & Gun-deaths per 100K people for each state. The intuition I'm going for is this: "what if NRA contributions & Gun deaths are related"
An example of d3.layout.orbit that shows the different modes:
"flat" is the default, demonstrated in earlier examples that use flare.json.
"solar" arranges each satellite in its own ring, equally divided from the set size of the layout.
"atomic" places 2 satellites in orbit in the first ring and 8 in every ring after that.
"custom" is achieved by passing an array of integers. Each integer sets the number of satellites in that ring, with the final value used to set the number of satellites in all remaining rings. Under the hood, "solar" could be achieved by passing [1], "atomic" could be achieved by passing [2,8] and "flat" could be achieved by passing [9999].
A tree fractal using circles and HTML5 Canvas.
A little project that I forked over from Curran and with his help we were able to make the fractal more coloful. I plan to make more but this was fun understanding how to use HTML5 canvas.
forked from curran's block: Tree Fractal with Circles
Original example from github.com/curran/HTML5Examples
Built with blockbuilder.org
This data is from www.opensecret.org. This is each industry's lobbying spending from 1998-2015.
FYI: Misc includes: business services, advertising, etc.
The chart employs conventional margins and a number of D3 features: