bar chart

100%

✓ Published0🌍 Public

Last edited Feb 22, 2020

Created on Feb 19, 2020

Forked from Line Chart with Multiple Lines

This bar chart displays earthquake counts across U.S. states for the Western region in 2011, sorting states from highest to lowest frequency. The visualization uses D3 v5’s `scaleBand` for the y-axis, `scaleLinear` for the x-axis, and `axisBottom` for tick marks, rendering as SVG. Data is loaded from a CSV file and filtered for the specific region and year, with bars sized proportionally to earthquake counts.

AI-generated description

This line chart shows one week of temperature (in degrees Celcius) in cities around the world. The data comes from Data Canvas - Sense Your City.

MIT Licensed

Similar vizzes

Loading thumbnail…

Untitled

A stacked bar chart displays earthquake counts by magnitude range for individual U.S. states across two years. A dropdown menu lets viewers switch between 2017 and 2018, triggering a smooth 750-millisecond transition that updates bar heights, positions, and axis scales. The visualization uses D3 v5 with SVG rendering, employing d3.stack, d3.scaleBand, d3.scaleLinear, and d3.scaleOrdinal to map the year, state, and three magnitude categories from a CSV file. Total counts appear as text labels above each bar.

JJens Grochtdreis

84% match

Loading thumbnail…

Untitled

A stacked bar chart displays earthquake counts by magnitude range (7.0+, 6–6.9, 5–5.9) for six U.S. states across the years 2017 and 2018. A dropdown menu switches between years, triggering a 750ms transition that updates bar heights, axis scales, and total labels. The visualization uses D3 v5 with `d3.stack`, `d3.scaleBand`, `d3.scaleLinear`, and ordinal color mapping, rendering SVG elements with animated transitions. Data is loaded from a CSV file via `d3.csv`.

Rrichad97

83% match

Loading thumbnail…

Untitled

A stacked bar chart displays earthquake magnitudes across U.S. states for selectable years, with each bar segmented by magnitude range (7.0+, 6–6.9, 5–5.9) and annotated with the total count. Users choose a year from a dropdown menu, triggering a 750ms transition that updates bar positions, heights, and axis scales. The visualization uses D3 v5, leveraging `d3.csv` for data loading, `d3.stack` for layering, `d3.scaleBand` and `d3.scaleLinear` for axes, and SVG transitions to animate changes.

SSwapna1915

82% match

Loading thumbnail…

Line Chart with Multiple Lines

This line chart displays the number of earthquakes recorded in four U.S. regions—West, South, Midwest, and Northeast—from 2011 to 2015. Each line represents a region, with points plotted per year using `d3.scaleTime` and `d3.scaleLinear` for axes. Hovering over a point triggers a second SVG bar chart showing earthquake counts by state for that region and year. The visualization uses D3 v5, SVG rendering, and data from the state-year-earthquakes.csv file.

Aandrewtran1991

82% match

Loading thumbnail…

Untitled

A grouped and stacked bar chart displays earthquake counts by magnitude range across US states for 2017 and 2018. A dropdown menu switches between years, animating bar heights and total labels with 750-millisecond transitions. Built with D3 v5, the visualization uses `d3.csv` to load data, `d3.stack` to create layers, and `d3.scaleBand`, `d3.scaleLinear`, and `d3.scaleOrdinal` for axes and color encoding. SVG transitions update the chart smoothly when the selected year changes.

CChristoph Diefenthal

81% match

Loading thumbnail…

Untitled

This interactive stacked bar chart visualizes earthquake counts by magnitude range across U.S. states for selected years. A dropdown menu lets viewers switch between 2017 and 2018 data, triggering a 750ms transition that updates bar positions and total labels. Built with D3 v5, the chart uses `d3.stack()` and `d3.scaleBand()`, rendering SVG rects and text elements. Color encoding distinguishes three magnitude categories (7.0+, 6–6.9, 5–5.9), with data loaded from a CSV file via `d3.csv`.

CChristoph Diefenthal

81% match

Loading thumbnail…

DV2_Stacked bar chart

This interactive stacked bar chart displays earthquake magnitude data across US states for selected years, with each bar broken into three magnitude-range segments. A dropdown menu switches between years, triggering smooth 750-millisecond transitions that update bar positions, axis scales, and total value labels. The visualization uses D3 v5 with SVG rendering, employing `d3.scaleBand`, `d3.scaleLinear`, `d3.scaleOrdinal`, and `d3.stack` to structure and draw the layers, while `transition().duration()` animates the state changes based on the CSV data.

NNagateja99

81% match

Loading thumbnail…

Q4

This visualization shows earthquake counts by US state from 2010 to 2015, using an interactive heatmap with tiles colored on a yellow-to-dark-red scale. A dropdown menu filters the display by earthquake intensity category, and hovering over a tile reveals the state, year, and exact count via a tooltip. The code transforms the wide CSV data into long format, then uses d3.scaleBand for axes, d3.scaleLinear for color, and d3.nest to group data by category. The SVG rendering includes an animated legend, and the visualization is built with React and D3 v5.

NNeepaB

78% match