Sai SriHarsha Griddaluru

@Harsha9554·2 public vizzes

Untitled

This interactive scatter plot displays sales versus profit for individual customers, with data points colored by region and filtered by a year selector. Built with React and D3.js v4, it renders as an SVG animation, using `d3.scaleLinear` for axes, `d3.scaleOrdinal` with `d3.schemeSet2` for regional colors, and `d3.csv` to load the Superstore dataset. A dropdown menu populated via `d3.select` and `append('option')` lets viewers switch between years, updating the plotted circles while tooltips show customer details on mouseover.

Nov 6, 2023

Loading thumbnail…

SuperStore Visualization

This visualization displays a time-series line chart of temperature data from the Data Canvas Sense Your City dataset. The line is rendered as an SVG path using D3’s `line` generator with natural curve interpolation, while the time-based x-axis scales with `scaleTime` and the temperature y-axis with `scaleLinear`. Although the code includes commented-out scatter plot circles for individual points, only the smooth line is drawn. Built with React, the chart uses custom `AxisBottom`, `AxisLeft`, and `Marks` components, with axes and labels styled via Poppins font and a muted color palette.

Nov 6, 2023