Skip to main content
100%

Group Project Bioinformatics Final Copy!

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

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.

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 Bioinformaticsnew3</a>

forked from <a href='http://bl.ocks.org/scresawn/'>scresawn</a>'s block: <a href='http://bl.ocks.org/scresawn/4ac516e538991f7461ccd5ef90d0f6bd'>Group Project Bioinformatics Final Copy!</a>

forked from <a href='http://bl.ocks.org/rubin2ma/'>rubin2ma</a>'s block: <a href='http://bl.ocks.org/rubin2ma/f0db7c8f92e648135bb7d760ca29880a'>Group Project Bioinformatics Final Copy!</a>

mit Licensed

Similar vizzes

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
92% 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
92% 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
92% match
Loading thumbnail…

Group Project Bioinformatics Final Copy!1

An interactive United States choropleth map and parallel coordinates plot explore state-level relationships between UFO sightings, median income, poverty, mental health, and substance use indicators from 2013–2014. Users can click a state to highlight its multi-dimensional data path, with map color intensity logarithmically scaled to sighting counts. The visualization is built with D3 v3, using `d3.geoPath` for the map, `d3.csv` for data loading, and SVG rendering with drag-and-drop axes for exploring the parallel coordinates.

CCraftbd
90% match
Loading thumbnail…

Group Project Bioinformatics FINAL!!

This visualization presents a choropleth map of the United States where darker colors indicate higher UFO sighting counts per state, using a logarithmic color scale. Users can click on any state to view its specific signature count. The map is rendered with D3 v3, utilizing `d3.geoPath` and `d3.csv` to load the state geometries and data, with an animated transition on selection. The project also includes parallel coordinates charts for exploring multi-dimensional data like income and mental health metrics.

CCraftbd
88% match
Loading thumbnail…

Group Project Bioinformatics1

This visualization combines a choropleth map of UFO sightings with select demographic data. The map, rendered using D3's geo projection and path generators, colors states based on the logarithmic count of reported sightings from the loaded dataset. Clicking a state triggers a zoom-in animation and displays the state's name and sighting count. The page also includes scaffolding for a parallel coordinates plot using D3 scales and axes, though it remains non-functional.

CCraftbd
87% 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
86% 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
85% match