Priyansh Ramnani

@prince1998·3 public vizzes

Fork of Making a Bar Chart

This horizontal bar chart displays the top 10 most populous countries using 2018 estimates from the United Nations World Population Prospects 2017. The visualization uses D3 v5’s `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to render an SVG, with axes customized by removing domain lines and formatting tick labels. Population values are multiplied by 1,000 and drawn as steelblue rectangles, while titles and axis labels are added as SVG text elements.

Dec 24, 2020

Loading thumbnail…

Fork of Making a Bar Chart

This bar chart displays the top 10 most populous countries using 2018 estimates from the United Nations World Population Prospects 2017 in the data.csv file. It customizes D3 v5 axes by removing domain lines and tick lines from the y-axis, formatting population values with tick formatting that converts G to B, and adding axis labels and a title. The chart uses `d3.scaleLinear` for the x-axis, `d3.scaleBand` for the y-axis, and `d3.axisBottom` and `d3.axisLeft` to render axes in SVG.

Dec 24, 2020

Loading thumbnail…

Fork of HTML Starter

This example demonstrates a React-based HTML starter page that displays the text “Hello HTML” in large, centered typography. It integrates D3.js to load a CSV file from `data.csv` using the `csv` function, logging the parsed data to the browser console. The page also includes basic CSS styling for body alignment and font size, while JavaScript logs a separate “Hello JavaScript!” message. The visualization focuses on minimal HTML/CSS/JavaScript integration, with D3 handling data loading from an external source.

Dec 24, 2020