tsys45gh

@tsys45gh·2 public vizzes

Untitled

This example demonstrates how to select and manipulate DOM elements using D3.js version 5 within a React framework. The visualization displays stock price data from a CSV file, showing closing values over a series of dates. The code uses the `d3.selectAll()` function to target elements with a specific class and retrieve their text content. While the page includes a simple data table and basic HTML elements, the primary focus is on demonstrating element selection through D3's API rather than creating a complex chart. The example appears to be a minimal educational demonstration of D3's selection capabilities.

Jun 25, 2020

Loading thumbnail…

Stylized Line Chart

This stylized line chart displays temperature over time for a week in San Francisco, using data from the Data Canvas Sense Your City dataset. The visualization combines a smooth natural curve for the line path and circular markers with tooltips for each data point. Built with React and D3 v5, it uses `scaleTime` and `scaleLinear` for axes, `line()` with `curveNatural` for the path, and renders as SVG. The chart features a Poppins font, teal color scheme, and custom axis styling.

Jun 24, 2020