Skip to main content
100%

Group Project Bioinformatics

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

This visualization compares U.S. state income and population data across three years, animated to show changes over time. Built with D3 v3, it uses SVG elements to render a scatterplot-like display where each state is positioned according to its average income and population. The animation cycles through 2010, 2011, and 2012 datasets, transitioning points smoothly to reveal demographic and economic shifts. Color or size likely encodes population or income values, allowing viewers to track trends across states and years.

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>

mit Licensed

Similar vizzes

Loading thumbnail…

Group Project Bioinformatics

This visualization compares U.S. state income and population data across three years, animated to show changes over time. Built with D3 v3, it uses SVG elements to render a scatterplot-like display where each state is positioned according to its average income and population. The animation cycles through 2010, 2011, and 2012 datasets, transitioning points smoothly to reveal demographic and economic shifts. Color or size likely encodes population or income values, allowing viewers to track trends across states and years.

Aannalabrozzi
100% match
Loading thumbnail…

Group Project Bioinformatics4-16

This interactive animation visualizes U.S. state-by-state changes in population and average income across three years (2010–2012), overlaid with mental-health statistics. An SVG map renders states as colored regions, with animated transitions cycling through the annual datasets to reveal shifts in demographic and economic patterns. Each state is encoded by color intensity for population or income, while tooltips and labels expose precise values. The visualization invites comparison between the two variables over time, highlighting regional trends and outliers. Built with D3 v3, the animation smoothly transitions between years, making it easy to observe temporal changes in the data.

Aannalabrozzi
94% match
Loading thumbnail…

Group Project Bioinformaticsnew

This animated scatterplot compares average income and population across U.S. states from 2010 to 2012, with each state represented by a circle. D3 transitions smoothly interpolate the points between years, revealing shifts in state rankings and income-population relationships over time. The visualization also incorporates mental health data for 2010, enabling comparisons between economic indicators and mental health statistics by state. SVG elements are animated to show the changes across the three years, with the data sourced from CSV files.

Aannalabrozzi
93% match
Loading thumbnail…

Group Project Bioinformaticsnew

This animated scatterplot compares average income and population across U.S. states from 2010 to 2012, with each state represented by a circle. D3 transitions smoothly interpolate the points between years, revealing shifts in state rankings and income-population relationships over time. The visualization also incorporates mental health data for 2010, enabling comparisons between economic indicators and mental health statistics by state. SVG elements are animated to show the changes across the three years, with the data sourced from CSV files.

Aannalabrozzi
93% match
Loading thumbnail…

Group Project Bioinformaticsnew

This visualization compares U.S. state-level population and average income across 2010–2012, alongside mental health statistics from 2010. Rendered as an animated SVG scatterplot with D3 v3, each state is plotted with population on one axis and average income on the other, with points transitioning smoothly as the year changes. The mental health data (overall, 18–25, and 26+ age brackets) is integrated as additional layers or tooltips, allowing viewers to explore relationships between demographic and economic indicators over time. The animation highlights state-by-state changes across the three-year period, with hovering or selection revealing precise values for population, income, and mental health metrics.

Aannalabrozzi
91% match
Loading thumbnail…

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.

Aannalabrozzi
88% match
Loading thumbnail…

Group Project Bioinformatics Final Copy!

This visualization displays two years of U.S. state-level data from Final_Data5.csv in an interactive SVG scatterplot with animated transitions. Points represent individual states, colored by year (2013 vs. 2014), with axes mapping a chosen metric pair—such as poverty level against mental health prevalence—among the dataset’s demographic, health, income, and UFO sighting variables. Animated transitions update the points when the year toggles, and hovering reveals the state name and its values for the selected metrics. The chart uses D3 v3 with an MIT license.

Aannalabrozzi
86% match
Loading thumbnail…

Group Project Bioinformatics Final Copy!

This visualization displays two years of U.S. state-level data from Final_Data5.csv in an interactive SVG scatterplot with animated transitions. Points represent individual states, colored by year (2013 vs. 2014), with axes mapping a chosen metric pair—such as poverty level against mental health prevalence—among the dataset’s demographic, health, income, and UFO sighting variables. Animated transitions update the points when the year toggles, and hovering reveals the state name and its values for the selected metrics. The chart uses D3 v3 with an MIT license.

Aannalabrozzi
86% match