Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Shapes and Colors with SVG and CSS

Public visualization

Post on XLinkedIn
Open

Fork of Shapes and Colors with SVG and CSS

0 stars0🌍 Public
Ssergey-kvachenok
Last edited Jan 10, 2021
Created on Jan 9, 2021

This bar chart displays the population of the top 10 most populous countries, with countries on the y-axis and population on the x-axis. It uses D3 v6’s `scaleLinear`, `scaleBand`, `axisBottom`, and `axisLeft` APIs to construct the chart within an SVG element. The data is loaded from a CSV file and rendered as steelblue rectangles, with gridlines and styled text via CSS.

AI-generated description

An example including some commonly used features of SVG.

Comments

Sign in to join the discussion.

MIT Licensed

Similar vizzes

Shapes with SVG and CSS

90% match
IIhorFedorkiv94

Fork of Fork of Making a Bar Chart

90% match
0057SatvikDamera

Fork of Fork of Bar Chart

89% match
Sshikharpa

Shapes with SVG and CSS

89% match
RRob Foggo

Fork of Let's make a bar chart with D3.js!

89% match
DDomen Hribernik

Shapes and Colors with SVG and CSS

88% match
OOsekovS

Fork of Making a Bar Chart

88% match
Ddeep221b

D3 Bar Chart

88% match
Kkkwyoung