Skip to main content
100%

Group Project Bioinformatics-4-19

✓ Published0🌍 Public
Aannalabrozzi
Last edited Apr 19, 2018
Created on Apr 19, 2018

This interactive visualization displays a choropleth map of the United States showing the geographic distribution of petition signatures, with each state colored on a logarithmic scale—darker shades indicating higher signature counts. Built with D3 v3, the map renders as an SVG using a linear color interpolator as a stand-in for a true logarithmic scale, since the data spans from dozens to over 4,500 signatures per state. Users can click any state to see its exact signature count. The visualization also includes a pie chart view of the same data and was originally created as part of a bioinformatics group project, adapted from Mike Bostock's map demo.

AI-generated description

https://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 Bioinformaticsnew</a>

mit Licensed

Similar vizzes