Skip to main content
SimilarExport ZIP
100%

Did on my own(bar graph)

✓ Published1🌍 Public
LLonwabo11
Last edited May 6, 2019
Created on May 6, 2019
Forked from Scatter plot

This bar chart displays population estimates for ten countries, using horizontal bars sorted by country name. The visualization loads data from a CSV file and renders it as SVG rectangles. The code uses D3 v5 functions including `csv`, `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to map population values to bar widths and country names to vertical positions. Population numbers are multiplied by 1000 during data preprocessing to match the source values.

AI-generated description

Demonstrates fundamental DOM manipulation using D3.js by making a smiley face whose eyebrows move.

MIT Licensed

Similar vizzes

Loading thumbnail…

Making a bar chart

A horizontal bar chart displays population estimates for ten countries from a CSV file, with bars scaled linearly by population and countries sorted alphabetically along the y-axis. The visualization uses D3 v5’s `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to render an SVG, loading data via `d3.csv` and converting population values to thousands. The chart includes margins, axes, and padded bars, with styling applied through an external stylesheet.

LLonwabo11
90% match
Loading thumbnail…

Making a bar chart

This example shows a horizontal bar chart of population data for ten countries, with bars sized proportionally to each nation’s population and labeled along the left axis. The code loads data from a CSV file, multiplies the population values by 1,000, and renders the chart as SVG using D3 v5 APIs such as `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom`. Bars are drawn as `rect` elements, transformed into place with a margin-based group, while the axes are appended via D3’s axis components.

LLonwabo11
89% match
Loading thumbnail…

Bar chart!

This bar chart displays population estimates for ten countries, using horizontal bars ordered by country name on the y-axis and population count on the x-axis. The visualization reads data from a CSV file and scales the population values by 1,000. It relies on D3 v5 APIs such as `scaleLinear`, `scaleBand`, `csv`, and `select` to render SVG rectangles, with bar widths proportional to each country’s population.

Ssheepsbleat
88% match
Loading thumbnail…

Making a bar chart

This example shows a horizontal bar chart of population data for ten countries, using a linear scale for population values and a band scale for country names. The bars are rendered as SVG rectangles with a blue fill, and the chart includes left and bottom axes for reference. The code loads data from a CSV file using `d3.csv`, converts the population column to numbers, and builds the visualization with `d3.scaleLinear`, `d3.scaleBand`, `d3.axisLeft`, and `d3.axisBottom`. The SVG canvas is 960 by 500 pixels, with margins applied to position the plot area.

LLonwabo11
88% match
Loading thumbnail…

my - Making a bar chart

This bar chart displays population estimates for ten countries, using data loaded from a CSV file. Each bar’s height maps to the population value, with a linear scale for the y-axis and a band scale for the x-axis. The chart is rendered as SVG using D3 v5, with axes generated by `axisLeft` and `axisBottom`. The code scales the raw population numbers by a factor of 1000 during data loading, and bars are styled with a steelblue fill.

Mmab3105
88% match
Loading thumbnail…

Bar chart

This bar chart displays population estimates for ten countries, using horizontal bars ordered by decreasing population with the largest at the top. The visualization loads data from a CSV file and renders it as SVG rectangles. It uses D3 v5 APIs including `csv`, `scaleLinear`, `scaleBand`, `axisLeft`, `axisBottom`, and `format` to create the scales, axes, and tick labels. The y-axis labels show country names, while the x-axis uses abbreviated population values formatted with the `.3s` specifier.

Kkaviya-ds
88% match
Loading thumbnail…

Let's make a bar chart

This bar chart displays population estimates for the ten most populous countries, using horizontal bars ordered alphabetically by country name. The visualization loads data from a CSV file and renders SVG rectangles scaled by population magnitude. Built with D3 v5, the code uses `d3.csv`, `scaleBand`, `scaleLinear`, `axisLeft`, and `axisBottom` to construct the chart with labeled axes and steel-blue bars. Margins, a custom inner plotting area, and a 0.1 band padding define the layout.

Ssunilkrishnav
88% match
Loading thumbnail…

making bar chart

This bar chart displays population counts for ten countries, sorted by country name along the vertical axis and using horizontal bar lengths to represent population values on a linear scale. The visualization is built with D3 v5, loading data from a CSV file and rendering to SVG. It uses `d3.csv`, `d3.scaleLinear`, `d3.scaleBand`, `d3.axisLeft`, and `d3.axisBottom` to map the data, draw axes, and append rectangles for each bar within a margin-defined group.

Ttayyabanisar
88% match