Mr.Huang

@ricardofun·2 public vizzes

Fork of Temperature in San Francisco Line Chart

This line chart visualizes one week of temperature data (in degrees Celsius) for San Francisco, from the Data Canvas - Sense Your City project. The D3 v5 code builds an SVG with time-scaled x-axis and linear y-axis, using `select`, `scaleTime`, `scaleLinear`, `axisLeft`, `axisBottom`, `line`, and `curveBasis` to render a smooth maroon curve. It displays points as steelblue circles, axis labels, tick marks, and a title, with data loaded from a CSV via the `csv` function. The chart focuses on the temperature trend over time, with a clean, readable design.

Nov 15, 2021

Loading thumbnail…

Temperature in San Franscisco Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for cars from the UCI Machine Learning Repository’s Auto MPG dataset. Red, semi-transparent circles mark each car, with axes labeled and tick marks extending across the plot for readability. The visualization uses D3 v5 with SVG rendering, employing `scaleLinear`, `extent`, and `axisBottom`/`axisLeft` to map data values and generate the grid. Axis labels and a title are appended via SVG text elements, with styling controlled through external CSS.

Nov 15, 2021