Skip to main content
SimilarExport ZIP
100%

Untitled

✓ Published0🌍 Public
LLaily Sarvarian
Last edited Oct 22, 2019
Created on Oct 21, 2019
Forked from Shapes with SVG

A horizontal bar chart displays population estimates for ten countries, with bars colored in a warm orange against a teal background. The chart uses `d3.csv` to load data, `d3.scaleLinear` for the population axis, and `d3.scaleBand` to position bars per country. SVG rendering is performed via D3 v5, with axes created through `d3.axisLeft` and `d3.axisBottom`. Population values are formatted using `d3.format` with abbreviations like "B" for billions. Axes, grid lines, and domains are selectively removed to simplify the visual presentation.

AI-generated description

An example including some commonly used features of SVG.

MIT Licensed

Similar vizzes

Loading thumbnail…

Untitled

A horizontal bar chart displays population estimates for ten countries, using each bar’s length to encode the population value. The chart is rendered as an SVG with D3 v5, employing `d3.csv` to parse the data, `d3.scaleLinear` for the x-axis, and `d3.scaleBand` with padding for the y-axis categories. Axes are drawn using `d3.axisLeft` and `d3.axisBottom`, while bars are appended as `rect` elements with steelblue fills.

RRatul R
96% match
Loading thumbnail…

Untitled

A horizontal bar chart displays population estimates for ten countries, ranked from China to Mexico. The bars vary in length according to population values, with country names on the y-axis and population counts on the x-axis. Built with D3 v6, the chart uses `scaleLinear` and `scaleBand` for scales, `axisLeft` and `axisBottom` for axes, and SVG rectangles for bars. Data loads from a CSV file via `d3.csv`, with values multiplied by 1,000. Dotted outlines style the bars against a black background.

Bbicyclecode
93% match
Loading thumbnail…

Untitled

A horizontal bar chart displays the population of the ten most populous countries, with values scaled by one thousand. The visualization uses D3 version 6's `scaleLinear` and `scaleBand` to map population counts to bar widths and country names to vertical positions. Data is loaded from a CSV file and rendered as SVG rectangles within a chart area offset by specified margins.

++/+
92% match
Loading thumbnail…

Untitled

A horizontal bar chart displays population counts for ten countries, sorted alphabetically by name. The visualization loads data from a CSV file and renders rectangular bars with a steelblue fill using D3 v5. It employs `scaleLinear` for the x-axis, `scaleBand` for the y-axis, and `axisBottom` with a compact number format. The SVG output includes computed margins and axes, with population values multiplied by 1,000 for display.

AAkshata Chandra
92% match
Loading thumbnail…

Untitled

A horizontal bar chart displays the population of ten countries, with bars scaled linearly from zero to the maximum value and countries ordered alphabetically along the vertical axis. The visualization uses D3 v5’s `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` APIs to render SVG rectangles and axes. Population data from a CSV file is multiplied by 1,000, and the x-axis labels use the `format('.3s')` tick formatter to abbreviate large numbers.

AAkshata Chandra
92% match
Loading thumbnail…

Untitled

A horizontal bar chart displays population counts for ten countries, ordered by decreasing population from China to Mexico. The visualization encodes values using a linear scale for bar widths and a band scale for country categories. Built with D3 v5, the code loads CSV data, renders SVG rectangles, and applies axes using `axisLeft` and `axisBottom`. The style uses steel-blue bars on a full-viewport canvas.

RRatul R
91% match
Loading thumbnail…

Untitled

This chart displays the populations of the ten most populous countries, ordered along the y-axis with bars scaled by population value. The code loads data from a CSV file and uses D3 v6’s `csv`, `scaleLinear`, `scaleBand`, and `axisBottom` functions. Each bar's width maps to the population, with the x-axis formatted in billions. The SVG is rendered with a dotted green outline on rectangles and custom font styling.

Bbicyclecode
91% match
Loading thumbnail…

Untitled

This bar chart displays population estimates for nine countries, with each bar’s length proportional to population in thousands, ordered along a band scale. The visualization uses d3.csv to load data, d3.scaleLinear for the x-axis, and d3.scaleBand for the y-axis, rendering axes via d3.axisLeft and d3.axisBottom. Bars are drawn as SVG rects with a steelblue fill, within a fixed 960×500 viewport.

Eedpmay
91% match