Nikith Reddy

@nikith199·3 public vizzes

Fork of Making a Bar Chart

This example shows the scores of individual students as horizontal bars, using a linear x-scale for the score values and a banded y-scale for the student names. The chart is rendered as an SVG with D3 v5, using `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to build the axes, while `format` customizes the tick labels. The data is loaded from a local `score.csv` file, and the bars are drawn as `rect` elements with a fixed steelblue fill.

Mar 5, 2023

Loading thumbnail…

Deaths

This bar chart displays the top 10 most populous countries, using horizontal bars to compare 2020 population estimates from the United Nations World Population Prospects 2019. Each bar’s length encodes population with a linear scale, while country names appear on a band scale. Built with React and D3 v5, it renders SVG rectangles via the `Marks` component, with axes from `AxisBottom` and `AxisLeft`, and formats tick labels using D3’s `format` function. Data is loaded asynchronously with `d3.csv` and truncated to the first ten rows.

Mar 3, 2023

Loading thumbnail…

Deaths due to corona

This horizontal bar chart ranks the top 20 countries by total reported COVID-19 deaths, using a steel-blue fill for each bar. The x-axis is labeled "Deaths" and uses a custom tick formatter that abbreviates large numbers (e.g., "1.13M"), while the y-axis lists country names. Built with D3 v5, the visualization uses `scaleLinear` for the numeric axis, `scaleBand` for the categorical country axis, and `axisBottom`/`axisLeft` for grid lines and labels. Data is loaded from a local CSV file.

Mar 3, 2023