Nikhil Patel

@PatelNikhil08·2 public vizzes

Fork of Stylized Scatter Plot

This visualization is a scatter plot of the Iris Dataset, showing petal length against sepal width. Built with React and SVG, it uses D3 v5's `scaleLinear`, `extent`, and `format` to compute axes and tick labels. The `Marks` component renders each data point as a circle with a tooltip, while `AxisBottom` and `AxisLeft` generate styled grid lines and labels. The chart is styled with the Poppins font and a teal color scheme for marks.

Mar 19, 2021

Loading thumbnail…

Fork of Stylized Bar Chart

This example presents the top 10 most populous countries as a horizontal bar chart, using population data from the United Nations World Population Prospects 2019. The SVG visualization is built with React and D3 v5, using `scaleBand` for the y-axis and `scaleLinear` for the x-axis. Rectangles are rendered as marks, with the data loaded via `d3.csv` and formatted using `d3.format` to convert values to billions. Axes are custom React components, and a `title` element provides a native tooltip on hover.

Feb 16, 2021