rajan1508

@rajan1508·3 public vizzes

bar graph

This bar graph displays the total number of COVID-19 cases for twelve countries, ranked along a horizontal axis with country names on the vertical axis. The chart uses the D3 library (v6) with an SVG rendering approach in a React framework. It employs `scaleLinear` and `scaleBand` for the scales, `axisBottom` and `axisLeft` for the axes, and loads data from a CSV file. The bars are colored pink via CSS.

Apr 28, 2021

Loading thumbnail…

Fork of SVG Starter

This bar chart displays population estimates for ten countries, ordered along the y-axis with population sizes extending horizontally. The visualization uses a CSV data source loaded via d3.csv, with d3.scaleLinear and d3.scaleBand for positioning. SVG rectangles are drawn and styled with steelblue, while d3.axisLeft and d3.axisBottom render the axes. The code leverages D3 v6 modules imported through ES6 syntax, applying margins and padding to structure the chart layout.

Apr 28, 2021

Loading thumbnail…

SVG Starter

This example displays a simple, static cartoon face composed of basic SVG shapes: a yellow circle for the head, two dark circles for eyes, two rectangles for eyebrows, and an arc path for the mouth. Built with D3.js 6.7.0, the code uses `d3.select` to append elements to an SVG canvas and `d3.arc` to generate the mouth’s path. The layout is hard-coded using pixel coordinates. The visual demonstrates fundamental SVG and D3 shape creation without any data or interaction.

Apr 22, 2021