Abhinav Kumar

@abhinavkumar985·3 public vizzes

Column Chart

This column chart displays yearly values from a CSV file, with year on the x-axis and value on the y-axis. The bars are rendered as SVG rectangles using D3 v5's `scaleBand` and `scaleLinear` for axes, with `d3.axisBottom` and `d3.axisLeft` providing tick labels. The chart is interactive, showing tooltips on mouseover and triggering an alert on click, using data from `data.csv`.

May 31, 2020

Loading thumbnail…

Bar Chart

This bar chart displays the population of five countries, with horizontal bars ranked by country name. The visualization is built with D3 v5 using an SVG renderer, reading data from a CSV file via `d3.csv`. Population values are mapped to a linear scale (`d3.scaleLinear`), while countries use a band scale (`d3.scaleBand`). The chart includes axis labels, tooltips on hover, and click events that alert the selected country and population, all styled with CSS.

May 31, 2020

Loading thumbnail…

Pie Chart

This pie chart displays the population distribution of five countries—China, India, United States, Indonesia, and Brazil—loaded from a local CSV file. Each slice is labeled with the country name, and hovering or clicking a slice triggers a tooltip showing the exact population and country values. The visualization uses D3 v5’s `d3.pie()` and `d3.arc()` to generate the arcs, with colors assigned via `d3.scaleOrdinal` and `d3.schemeCategory10`. The SVG rendering positions the chart at the center of a 960×500 canvas.

May 26, 2020