Skip to main content
100%

Group Project Bioinformatics

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

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.

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/138eabd1c6edf7fb1ff9edb9c848b60b'>Group Project Bioinformatics</a>

mit Licensed

Similar vizzes

Loading thumbnail…

Group Project Bioinformatics

This interactive choropleth displays state-level mental health statistics from the 2010 CSV dataset. Users can click on any state to view its percentage of adults reporting mental health issues, with the color scale mapping values from dark to light. The visualization is built with D3 v2, using SVG for rendering and includes animations.

Aannalabrozzi
87% 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
86% 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
84% 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
83% 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
83% 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
83% 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
82% 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
82% match