Group Project Bioinformaticsnew3
This interactive visualization uses an animated scatterplot to explore relationships between socioeconomic and health metrics across U.S. states from 2013–2014. Each state is represented as a point, with year-based animation toggling between the two data snapshots. Users can brush to select states, which highlights their paths across the transition. The graphic, rendered with SVG in d3.v3, maps variables such as population, poverty level, mental health, marijuana use, median income, alcohol abuse, and UFO sightings to position, size, and color, with tooltips for detail.
AI-generated descriptionhttps://gist.github.com/4544529 (demo) was my first d3 adventure, where I scraped signatures from a White House petition and showed them as a pie chart.
Here, I show them as a US heat map (based on one of Mike Bostock's map demos). You can click on a state, and see how many signatures came from it.
Darker color means more signatures, but since the numbers range from a few dozens to >4500, the scale is logarithmic.
I don't know yet how to use log() interpolators (I promise to learn), so I just did it quick and dirty with linear() and masking tape.
forked from <a href='http://bl.ocks.org/thedod/'>thedod</a>'s block: <a href='http://bl.ocks.org/thedod/4548858'>Clickable US heat-map of petition signature count</a>
forked from <a href='http://bl.ocks.org/Craftbd/'>Craftbd</a>'s block: <a href='http://bl.ocks.org/Craftbd/7af9830ee360cf7103e0f71571d8cfb8'>Group Project Bioinformatics</a>
forked from <a href='http://bl.ocks.org/rubin2ma/'>rubin2ma</a>'s block: <a href='http://bl.ocks.org/rubin2ma/eca7ad72e037a2b879582c3c509350e8'>Group Project Bioinformatics</a>
forked from <a href='http://bl.ocks.org/Craftbd/'>Craftbd</a>'s block: <a href='http://bl.ocks.org/Craftbd/e31ca1eede63f6e51ccaaa3a098d7717'>Group Project Bioinformaticsnew</a>
forked from <a href='http://bl.ocks.org/rubin2ma/'>rubin2ma</a>'s block: <a href='http://bl.ocks.org/rubin2ma/54cad4b4040d20f090212869453e6212'>Group Project Bioinformaticsnew3</a>