aayushina

@aayushina·2 public vizzes

Making a Bar Chart

This bar chart displays the daily new COVID-19 cases for the top 10 most populous countries, using data from the Corona API. The visualization demonstrates how to build a custom bar chart with D3 v5, using `scaleLinear` for the x-axis and `scaleBand` for the y-axis, with labeled axes and a title. The bars are rendered as SVG rectangles, and the chart customizes the axis ticks and removes domain lines for a cleaner presentation.

Apr 1, 2020

Loading thumbnail…

Making a Bar Chart

This bar chart displays the top 10 most populous countries based on recent COVID-19 case counts, with countries on the y-axis and today’s new cases on the x-axis. The visualization uses D3 v5’s `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to render an SVG chart with custom tick formatting. Data is loaded asynchronously from a remote API via `d3.json`, and each bar’s length is scaled to the maximum case value. The chart includes axis labels and a title, with axes customized to remove domain lines.

Mar 31, 2020