chaithracheth

@chaithracheth·3 public vizzes

Fork of Stylized Line Chart

This visualization presents a stylized line chart of weekly temperature data for San Francisco, using a natural curve to connect temperature readings over time. The line’s stroke width dramatically varies based on temperature thresholds, creating a bold visual emphasis on warmer periods. Built with React and D3 v5, the chart uses `scaleTime`, `scaleLinear`, and `line().curve(curveNatural)` to render the SVG path, with axes generated by custom React components. Data is loaded asynchronously from a CSV via `d3.csv` and displayed without interactive tooltips or circles.

Aug 5, 2021

Loading thumbnail…

Fork of Stylized Line Chart

This example shows a stylized line chart tracking San Francisco’s weekly temperature over time, with a smooth curved path and labeled axes. Built with React and D3 v5, it uses `scaleTime` and `scaleLinear` to map timestamps and temperatures, while `line` with `curveNatural` generates the smooth path. SVG renders axes via custom `AxisBottom` and `AxisLeft` components, and data loads from a CSV using `d3.csv`. The minimalist design uses Poppins typography and muted teal strokes, with point markers commented out.

Aug 4, 2021

Loading thumbnail…

Fork of HTML Starter

This example displays a simple, static face made of SVG circles, using a yellow circle as the head, two black-and-white circles for eyes, and a black outline stroke. The code is written in raw HTML within the `index.html` file, directly embedding the SVG elements rather than leveraging React or JavaScript for generation. The only JavaScript present, `console.log('helo1')` in `index.js`, outputs a message to the browser console and does not affect the visualization. The page loads the React library but does not use it for this graphic.

Jul 23, 2021