shubhanshu2000

@shubhanshu2000·2 public vizzes

Fork of Vega-Lite API Template

This visualization displays temperature over time as a scatter plot, with each point representing a timestamped temperature reading. The code uses the Vega-Lite API to define the mark and encodings, while D3’s CSV loader fetches data from a GitHub-hosted CSV file. The chart is rendered as an SVG and customized with a dark theme via a Vega-Lite config object. Mouse interactions are supported through the Vega Tooltip handler, which displays the temperature value on hover.

Mar 12, 2022

Loading thumbnail…

Fork of React Starter

This example demonstrates a React component that fetches a CSV file of named CSS colors using D3’s `csv` method and displays a simple status message indicating whether the data has loaded. The visualization uses React hooks (`useState`, `useEffect`) to manage asynchronous data fetching, with D3 v7 handling the CSV parsing. The page shows only text—“data” or “no data”—based on the fetch result, with styling applied via inline CSS for a large centered message. The code runs in a browser environment with React and D3 loaded via CDN.

Mar 12, 2022