Skip to main content
100%

Group Project Bioinformaticsnew

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

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.

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>

mit Licensed

Similar vizzes

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
95% 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
95% 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 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
91% match
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
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

This interactive parallel coordinates chart visualizes mental health data from a 2010 U.S. survey of states. The visualization uses d3.svg.axis and d3.svg.line to render one axis per data dimension (18+, 18-25, 26+, and AVG DATA), with grey background lines for context and blue foreground lines for focus. Users can drag axes horizontally to reorder dimensions, and brush along any axis to filter the displayed state lines. The chart also supports smooth transitions when axes are repositioned, providing an intuitive way to explore relationships between age groups across states.

Aannalabrozzi
86% match
Loading thumbnail…

Group Project Bioinformatics Final Copy!

This interactive animated visualization maps UFO sightings across U.S. states from 2013–2014, using an SVG scatterplot that plots each state’s population-scaled sighting count against median income, poverty level, mental health metrics, and substance use indicators. Built with D3.v3, the graphic renders color-coded circles for each state with a play button and year slider, animating transitions between the two years to reveal shifts in state rankings. A tooltip provides exact values on hover, and the chart includes labeled axes and a legend to compare state-level relationships across the five socioeconomic and health variables.

Aannalabrozzi
85% match