Skip to main content
100%

bar chart

✓ Published0🌍 Public
Aaaizemberg
Last edited Aug 3, 2019
Created on Aug 3, 2019

A bar chart displays cumulative reported cases for three sexually transmitted diseases—syphilis, gonorrhea, and chlamydia—using horizontal bars scaled linearly from a CSV dataset sourced from data.world. The SVG rendering uses d3.csv to load the data, d3.scaleLinear for both bar widths and vertical positioning, and appends rectangles and text elements for labels and values. The bars are colored steelblue, with disease names and numeric totals placed beside each bar, showing the relative magnitude of each condition.

AI-generated description

Similar vizzes

Loading thumbnail…

bar chart

This example displays a horizontal bar chart comparing cumulative reported cases of three sexually transmitted diseases—Primary and Secondary Syphilis, Gonorrhea, and Chlamydia—loaded from a CSV hosted on data.world. The bars are rendered as SVG rectangles with a steelblue fill, using d3.scaleLinear to map each disease’s sum to a bar width and to position bars vertically. Text labels and formatted numeric values are appended next to each bar using d3.selectAll and append operations. The chart reads data via d3.csv and updates the visualization once the data arrives, with a fixed chart size of 500 by 300 pixels.

Aaaizemberg
97% match
Loading thumbnail…

Making bar chart

A horizontal bar chart displays COVID-19 case counts per country, with bars ordered by the data’s CSV order. The visualization uses D3 v5’s `scaleBand` for the categorical y-axis, `scaleLinear` for the numeric x-axis, and `axisLeft`/`axisBottom` for gridlines. Data is loaded via `d3.csv` and rendered as SVG rectangles with a steelblue fill, while a clickable “Hello” button triggers a browser alert.

Llori99-data
78% match
Loading thumbnail…

d3 bar chart

This bar chart visualizes the distribution of disease types by number of infections in 1968, using a logarithmic y-scale to accommodate wide value ranges. Built with D3 v6, it renders SVG rectangles with maroon fills that transition to crimson on hover, supported by an interactive tooltip displaying exact infection counts. The chart includes labeled axes, a title, and data simplified from the CORGIS health dataset, demonstrating the use of d3.scaleBand, d3.scaleLog, d3.axisBottom, and d3.axisLeft.

AAndrew
77% match
Loading thumbnail…

covid-19 bar chart

This bar chart displays total COVID-19 case counts for different countries, with bars colored using a categorical palette and labeled with case numbers. It shows tooltips on hover containing country and total case information. The visualization uses D3 v7 to build the SVG, employing `d3.scaleBand` and `d3.scaleLinear` for axes, `d3.axisBottom` and `d3.axisLeft` for ticks, and `d3.schemeCategory10` for bar colors. The underlying data is embedded directly in the source code.

HHarinathChakali33@gmail.com
76% match
Loading thumbnail…

Bar Chart

This bar chart displays the total number of reported cases for three countries—Guinea, Liberia, and Sierra Leone—with each bar’s height proportional to its frequency value. The visualization uses D3.js APIs including `d3.tsv` to load the data, `d3.scale.ordinal` for the x-axis, `d3.scale.linear` for the y-axis, and `d3.svg.axis` to render the axes. The chart is drawn as an SVG with pink bars that turn violet on hover, and the y-axis is labeled “Total Number of Cases.”

SSmith5mr
76% match
Loading thumbnail…

data visualization project

This example presents a bar chart of COVID-19 total cases by country, using data loaded from a remote CSV file. The chart is rendered as an SVG element using D3 v7, with a rotated x-axis to accommodate country labels and a linear y-axis for case counts. The code demonstrates D3’s scaleBand and scaleLinear for axis scaling, and uses the `join` operator to efficiently create bar rectangles, with a steelblue fill for the bars.

Bbudalavijay2001@gmail.com
75% match
Loading thumbnail…

Make a bar chat d3js

This example shows a simple bar chart of COVID-19 total cases by geographic region, using data from a local CSV file. The bar heights represent case counts, with regions listed along the y-axis. It uses d3.scaleLinear for the x-axis domain, d3.scaleBand for the categorical y-axis, and renders SVG rectangles via d3.selectAll and data joins. The code imports specific functions from D3 v7 and the CSV loading is handled with d3.csv.

GGodspower Wodi
75% match
Loading thumbnail…

Fork of d3 bar sequential

This bar chart shows the distribution of disease types in 1968, using a sequential color scale to encode the number of infections from light to dark orange. The chart displays each disease category as a separate bar, with the color intensity reflecting the infection count. Built with D3 v6, the visualization uses `d3.scaleBand` for the x-axis, `d3.scaleLinear` for the y-axis, and `d3.scaleSequential` with the ColorBrewer OrRd scheme to map values to colors. A legend, created with the d3-legend library, accompanies the chart, and the data is loaded from a CSV file. The SVG rendering includes labeled axes for disease type and infection numbers, with the chart styled on a black background.

Eeya.chaabani99@gmail.com
75% match