Fork of Stylized Bar Chart

Fork of Stylized Bar Chart

This bar chart visualizes the top 10 most populous countries using data from the United Nations World Population Prospects 2019. Each horizontal bar represents a country, with population values formatted in billions. The visualization uses React with D3 v5 scales (scaleBand and scaleLinear) for layout, and renders SVG rectangles. Axis components are custom-built, and a native SVG `<title>` element provides tooltips showing population values.

Mmavercikalvin

Fork of Stylized Bar Chart

This bar chart displays the top 10 most populous countries using data from the United Nations World Population Prospects 2019. The visualization uses React components to render SVG elements, with D3 v5 functions including `scaleBand`, `scaleLinear`, `max`, and `format` to handle scaling and axis tick formatting. Horizontal bars represent population values with tooltips showing formatted numbers, while custom Axis components generate the tick marks and labels.

MMaxim

Fork of Stylized Bar Chart

This bar chart displays the top 10 most populous countries using data from the United Nations World Population Prospects 2019. The visualization uses React with d3.scaleBand for the y-axis and d3.scaleLinear for the x-axis, rendering SVG rectangles via the Marks component. Axes are generated with custom AxisBottom and AxisLeft components, while tooltips are provided through SVG title elements. Population values are formatted using d3.format to abbreviate large numbers, and the chart applies a Poppins font with a teal color scheme.

EEevikettu

Fork of Stylized Bar Chart

A bar chart displays the top 10 most populous countries using data from the United Nations World Population Prospects 2019. The visualization uses React to render SVG elements, with d3-scale functions `scaleBand` and `scaleLinear` for positioning, and d3-format for tick labels that convert values to billions. The chart includes styled axes, a labeled x-axis, and interactive tooltips using SVG `<title>` elements.

JJean David

Fork of Stylized Bar Chart

This bar chart displays the top 10 most populous countries using data from the United Nations World Population Prospects 2019. The visualization ranks countries along a horizontal axis by their 2020 population estimates, with a teal color scheme and Poppins font. Built with React and rendered as SVG, the chart uses d3.scaleBand for the categorical y-axis, d3.scaleLinear for the quantitative x-axis, and the d3.csv loader to fetch and parse the data. Axis components generate tick marks, while tooltips appear via SVG title elements.

SSamuel Baik

Fork of Stylized Bar Chart

This visualization displays a stylized bar chart of the top 10 most populous countries, using data from the United Nations World Population Prospects 2019. The chart employs a clean, minimalist design with a Poppins font and a muted teal color for the bars. Built with React and D3 v5, it uses `scaleLinear` for both axes and SVG rendering. Interactive tooltips reveal exact population values via `title` elements, while the axes are formatted using D3's `format` API to abbreviate large numbers.

Aamiteshwarr

Fork of Stylized Bar Chart

A horizontal bar chart displays the top 10 most populous countries, using data from the United Nations World Population Prospects 2019. The chart presents population values formatted in billions, with country names on the y-axis and a labeled x-axis. Built with React and D3 v5, the visualization uses `scaleBand` and `scaleLinear` for positioning, and SVG `rect` elements from the `Marks` component to render bars with tooltips.

EEmma kim

Fork of Stylized Bar Chart

This bar chart shows the top 10 most populous countries in 2020, using data from the United Nations World Population Prospects 2019. The visualization is built with React and D3 v5, using `scaleBand` for the categorical y-axis and `scaleLinear` for the population x-axis. Population values are formatted with D3’s `format('.2s')` to display values in billions. The SVG rendering includes custom axis components and hover tooltips via native `<title>` elements, all styled with the Poppins font and teal bars.

SStudentCZ