Skip to main content
SimilarExport ZIP
100%

DeathsBarchart

✓ Published0🌍 Public
Aanusharamana0@gmail.com
Last edited Apr 27, 2024
Created on Apr 27, 2024

This bar chart visualizes monthly airplane fatalities from a CSV dataset, with each bar representing the total deaths for a given month. The chart uses D3.js v7’s `scaleBand`, `scaleLinear`, and `scaleOrdinal` to map months to bar positions, heights, and a custom purple-grey color palette. Interactive tooltips appear on mouseover, displaying the total fatalities for the hovered month, while axes and labels are generated with `d3.axisBottom` and `d3.axisLeft`. Data is aggregated using `d3.rollup` and `d3.sum`.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes

Loading thumbnail…

barchart

This interactive bar chart visualizes monthly deaths in custody across 2020, drawn from the `death2020.csv` dataset and displayed as an SVG rendered through React with D3 v5. The chart uses `d3.scaleBand` for the x-axis and `d3.scaleLinear` for the y-axis, with bars that respond to mouseover and mouseout events by adjusting opacity. Buttons allow users to toggle a mean line with error bounds computed via `d3.mean` and `d3.deviation`, or trigger a two-step animated transition that temporarily sets all values to 10 before restoring them using `transition().duration()`.

XXiaoyu Su
78% match
Loading thumbnail…

Fork of ICRISAT District Level Data - Rice Production BarChart

This bar chart displays monthly fatalities from an airplane dataset, with each bar colored using a custom purple-grey ordinal scale. The visualization uses D3 v7 to load CSV data, aggregate values with d3.rollup and d3.sum, and render SVG rectangles with axes via d3.axisBottom and d3.axisLeft. Interactive tooltips appear on mouseover, showing the total fatalities for each month. The chart includes rotated x-axis labels and axis titles for clarity.

Nnavyasrimeka9@gmail.com
77% match
Loading thumbnail…

presentation bar chart

This horizontal bar chart displays deaths per country, with each bar’s length proportional to the death count. The chart uses D3 v7’s `scaleLinear` for the x-axis, `scaleBand` for the y-axis, and `axisLeft`/`axisBottom` for the axes. Data is loaded from a CSV file via `d3.csv` and rendered as SVG rectangles. The computed values are multiplied by 1000, and bars are styled maroon with a 0.3 padding between bands.

RRobindj2000
75% match
Loading thumbnail…

bar viz for testing

This example visualizes death rates by year using a horizontal bar chart, with each bar’s length encoding the death count and the y-axis listing years. The chart is rendered as SVG using D3.js v5, primarily leveraging `d3.csv` to load data, `scaleLinear` for the x-axis, `scaleBand` for the y-axis, and `axisBottom`/`axisLeft` for tick generation. Data is sourced from a CSV file, and death values are multiplied by 1,000 before plotting. Styling is applied via CSS, setting bars to steelblue and customizing axis text.

Mmomopng
75% match
Loading thumbnail…

Simple Bar Chart

This bar chart displays the number of deaths reported by countries in June 2021, filtered to values greater than 5,000 from the World Mortality Dataset. It uses D3.js v6 with SVG rendering, employing `scaleLinear` and `scaleBand` to map death counts and country names, along with `axisBottom` and `axisLeft` for the axes. The dataset is loaded via `d3.csv` from a GitHub Gist, and the chart resizes to the full browser window.

SSiddhi Patil
75% match
Loading thumbnail…

covid deaths

This example displays a bar chart of total COVID-19 deaths for fourteen countries, with a steelblue bar per nation and a numeric label above each bar. The chart uses D3 v7’s `scaleBand` and `scaleLinear` to map countries and death counts, while `d3.axisBottom` and `d3.axisLeft` render the axes. Interactive tooltips appear on mouseover, showing the country name and formatted death total. The visualization is rendered as an SVG, with data hard-coded in the script.

HHarinathChakali33@gmail.com
74% match
Loading thumbnail…

Bar graph of covid deaths

A bar chart displays COVID-19 deaths across selected countries for each day of May, with a slider to change the date. It uses D3 v5 scales (`scaleBand`, `scaleLinear`) with React for rendering SVG rectangles. Data comes from a CSV of COVID-19 statistics, filtered by location and day. The chart sorts countries by death count and uses native SVG `<title>` elements for hover tooltips.

Mmanasishrotri
74% match
Loading thumbnail…

Barchart experiment

This bar chart displays counts of deaths per month in New York DOCCS custody across 2020, with interactive mouseover details listing individual names and dates from the raw dataset. The React-based visualization renders SVG bars using d3.scaleBand and d3.scaleLinear, featuring a button that toggles a red dashed mean line with confidence-interval lines computed via d3.mean and d3.deviation. A second button triggers animated transitions through d3 transitions in `change_data`, briefly shifting all bars to the mean height before restoring original values over 2 seconds.

XXiaoyu Su
73% match