tarun1219

@tarun1219·3 public vizzes

Fork of Scatter Plot with Menus

This interactive scatter plot visualizes the Iris dataset, displaying sepal and petal measurements as circles. Users can independently select which attribute appears on the X and Y axes from dropdown menus, with labels and scales updating dynamically. Built with React and D3 v5, the visualization uses `scaleLinear` for axes, `csv` for data loading, and SVG circles rendered through modular React components. The chart includes formatted axis ticks and tooltips showing values on hover.

Mar 18, 2023

Loading thumbnail…

Fork of Stylized Scatter Plot

A scatter plot of the Iris Dataset maps petal length against sepal width using two linear scales. The React-based visualization renders SVG circles with D3 scales and axes, including formatted tick labels and axis labels. Styled with the Poppins font, the marks and axes use muted teal and gray colors, with a hover tooltip showing the x-value. Data loads asynchronously from a CSV source via D3's `csv` parser.

Mar 18, 2023

Loading thumbnail…

Fork of Stylized Line Chart

This example visualizes weekly temperature readings from San Francisco, plotting them as a time-series line chart with a natural curve fitting. The React-based application uses D3.js scales to map time and temperature data, with SVG-rendered axes and tick marks. The data is loaded externally via a CSV file and formatted through a custom hook. The line chart includes labeled axes for time and temperature, with a minimalist teal-styled design applied through the Poppins font.

Mar 18, 2023