shikharpa

@shikharpa·4 public vizzes

Fork of Bar Chart

This example displays a horizontal bar chart of the top 10 countries by population, using data from a CSV file. It shows the population values as bar lengths, with country names on the y-axis and a linear population scale on the x-axis. The visualization is implemented with D3 v6, using `select`, `csv`, `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to load the data, set up scales, render SVG rectangles, and draw axes. Rendering is performed via SVG elements appended to a pre-defined `<svg>` container.

Sep 23, 2023

Loading thumbnail…

Fork of Fork of Bar Chart

This horizontal bar chart visualizes the top 10 countries by population, using a steelblue SVG canvas. The chart maps country names to the y-axis with a band scale and population to a linear x-axis. Rendered using D3 v6, the code loads data from a CSV file and applies `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to construct the plot. Rectangles are appended to the SVG group, with their widths and positions derived from the scaled data values.

Mar 24, 2021

Loading thumbnail…

Bar Chart

This bar chart displays the populations of the top 10 most populous countries, using horizontal bars ranked by descending population. The visualization uses D3 v6 with SVG rendering, employing `scaleLinear` for the x-axis, `scaleBand` for the categorical y-axis, and `axisLeft` and `axisBottom` for the axes. Data is loaded from a CSV file and parsed with `csv`, with the chart drawn using `select` and `append` on the SVG container.

Jan 19, 2021

Loading thumbnail…

shikhar D3_Starter

This example demonstrates a minimal starting point for a D3 version 6 project, displaying the text “Hello D3 version 6” in the center of the page. Built with d3.v6, the code uses the `select` method from the D3 library to target the `body` element and set its text content. The accompanying HTML loads the D3 script from a CDN and a separate `bundle.js` file, with basic styling for large, centered text. It serves as a simple proof-of-concept for getting a D3-based visualization running.

Jan 7, 2021