Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Variant Chart -

Public visualization

Viewing a saved revision (read-only)

515ccd9797a6487284564003f3c48c2b

Variant Chart -

0 stars0🌍 Public
AAdriana Rodriguez Sanabria
Last edited Oct 20, 2021
Created on Oct 20, 2021

This visualization displays temperature data over time as a line chart, with multiple overlaid series representing different genetic variants from a JSON dataset. Each variant’s temperature curve is drawn using a natural curve interpolation, with small circles marking individual data points that reveal timestamps on hover. The chart uses React for component structure and D3 v5 scales (`scaleTime`, `scaleLinear`) and axes for rendering the time-based x-axis and temperature y-axis. The temperature data comes from a CSV of weekly San Francisco temperatures, while variant information is loaded from a local JSON file.

AI-generated description

Working with Time Data: Temperature in your City.