Skip to main content
Log in
S

Surya Pandey

@Suryapp8·3 public vizzes

Loading thumbnail…

Fork of Stylized Line Chart

This visualization displays temperature over time as a smooth line chart, styling a week of San Francisco weather data. The chart encodes time on the x-axis and temperature on the y-axis, using a centered axis label and a muted color palette. Built with React and D3 v5, the line is rendered as an SVG path using `d3.line()` with `curveNatural` for smooth interpolation. Axes are generated via `xScale.ticks()` and `yScale.ticks()`, with the data sourced from a CSV file loaded through `d3.csv`.

Feb 24, 2023
Loading thumbnail…

Fork of Polished World Map

This visualization displays a world map with country boundaries, rendered using a Natural Earth projection with graticules and interior borders for visual polish. The map uses d3.geoPath to project GeoJSON features derived from the World Atlas TopoJSON dataset. React manages the component state and rendering, while d3’s geoNaturalEarth1 and geoGraticule define the projection and grid lines. The SVG output styles landmasses in teal with lighter graticule strokes, with country interiors highlighted for clarity.

Feb 24, 2023
Loading thumbnail…

Fork of Stylized Line Chart

This visualization displays temperature over time as a smooth line chart, styling a week of San Francisco weather data. The chart encodes time on the x-axis and temperature on the y-axis, using a centered axis label and a muted color palette. Built with React and D3 v5, the line is rendered as an SVG path using `d3.line()` with `curveNatural` for smooth interpolation. Axes are generated via `xScale.ticks()` and `yScale.ticks()`, with the data sourced from a CSV file loaded through `d3.csv`.

Feb 24, 2023