Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

EP06 | 學會 D3.js 製作圖表 - 製作折線圖(Line Chart)溫度與日期

Public visualization

Viewing a saved revision (read-only)

21fac82a28fd4a6494895ed44fc5f1f1

EP06 | 學會 D3.js 製作圖表 - 製作折線圖(Line Chart)溫度與日期

0 stars0🌍 Public

This example visualizes daily temperature readings for September 2021 using a line chart. It plots dates on the x-axis and temperatures in degrees Celsius on the y-axis, with green circular marks at each data point. The visualization is rendered as an SVG using D3.js v7, employing `scaleTime` and `scaleLinear` for axis scaling, `axisBottom` and `axisLeft` for axis generation, and `timeFormat` for date tick labels. Data is loaded from a CSV file containing date and temperature columns, with the chart rendered within a React framework.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.