Erik Kotsiuba

@eko24ive·2 public vizzes

Temperature line graphy by Lonwabo

This visualization displays temperature readings over time in San Francisco, with a line chart showing the trend across a week. The data is loaded from a CSV file and rendered as an SVG using d3.v5, specifically employing d3.line with curveBasis to create the smooth maroon path. The chart includes time-scaled x-axis and linear y-axis with gridlines, plus axis labels and a title. The code uses d3.csv for data loading and d3.scaleTime, d3.scaleLinear, d3.axisBottom, and d3.axisLeft for scales and axes.

Jul 5, 2019

Loading thumbnail…

Temperature line graphy by Lonwabo

This visualization shows temperature trends over time in San Francisco using a line graph, with the data sourced from a CSV file containing temperature readings. The chart renders as an SVG with axes labeled "Time" and "Temperature," using D3 v5 APIs including `scaleTime`, `scaleLinear`, `line`, `curveBasis`, `axisBottom`, and `axisLeft`. The line path is styled with a maroon stroke, and the chart includes a title. Data is loaded via `csv()` and parsed with `new Date()` for timestamps and numeric conversion for temperature values.

Jul 5, 2019