presentation bar chart

100%

presentation bar chart

✓ Published0🌍 Public

RRobindj2000

Last edited Dec 6, 2021

Created on Dec 5, 2021

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.

AI-generated description

Bar chart for presentation.

MIT Licensed

Similar vizzes

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

84% 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

83% 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

82% match

Loading thumbnail…

rakshitharao27

This horizontal bar chart displays the number of deaths in 2019 for the top 12 countries, with each bar's length representing the death count. The chart uses a React component that loads data from a CSV file via the `d3.csv` function. It employs `d3.scaleBand` for the categorical y-axis and `d3.scaleLinear` for the numerical x-axis. The visualization renders as an SVG with axes and bars constructed using React primitives, styled with simple CSS.

RRakshithaRao27

82% match

Loading thumbnail…

Bar chart visualization using d3.js

This example displays a horizontal bar chart of death rates across different years, sourced from a custom dataset loaded via `d3.csv`. The bars are rendered as SVG rectangles within a React component, using D3 v5 scales (`scaleLinear` for the x-axis and `scaleBand` for the y-axis) and axes (`axisLeft`, `axisBottom`). The chart highlights numeric formatting on the x-axis and includes custom axis labels, with grid lines removed for a cleaner visual.

Mmomopng

81% match

Loading thumbnail…

ICE-6.js

This bar chart displays COVID-19 death counts by country, with a horizontal layout where each bar's length is proportional to the number of deaths. The visualization uses D3 v7’s `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to map the CSV data to an SVG canvas. A margin-based coordinate system positions the axes and cyan-filled rectangles, while the data is loaded via `d3.csv` and rendered as a static, non-interactive graphic.

Jjayanthamol99

81% match

Loading thumbnail…

Bar Chart!

This example shows a horizontal bar chart of deaths across Canadian provinces and territories, ordered from highest to lowest. The chart uses a linear scale for the x-axis and a band scale for the y-axis, with bars rendered as SVG rectangles. D3 v5 functions such as `csv`, `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` load the data and generate the axes, while a custom tick formatter shortens large numbers. The visualization reads from an external CSV file and includes a title and axis label.

Rrandom-program

80% match

Loading thumbnail…

Bar chart

This bar chart shows the population of various countries in 2020, with horizontal bars whose lengths are proportional to population values. The chart uses D3 v5 to load data from a CSV file, scale the values linearly for the x-axis, and use a band scale for the categorical y-axis. The SVG rendering is organized within a translated group, with axis elements produced by `axisLeft` and `axisBottom`. Rectangles are appended for each data point, using the scales to position and size them.

JJames

80% match