Martin H. Normark

@martinnormark·2 public vizzes

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for cars from the UCI Machine Learning Repository’s Auto MPG data set. Each semi-transparent circle represents a car, with positions determined by linear scales for both axes, using data parsed from a CSV file. The visualization uses d3.scaleLinear, d3.axisBottom, and d3.axisLeft to render axes with grid lines, while SVG circles are appended via d3 selection and data joins. Axis labels and a title are drawn as SVG text elements, with styling applied via CSS.

Sep 24, 2019

Loading thumbnail…

Line Chart

This line chart visualizes temperature measurements from the Data Canvas Sense Your City dataset (week_temperature_sf.csv), plotting temperature over time with a step curve. The chart uses React to render the SVG and d3’s `scaleTime`, `scaleLinear`, and `line().curve(curveStep)` to map data points, while the `AxisBottom` and `AxisLeft` components generate tick marks and labels. The visualization shows a clear stepwise temperature pattern across the week, with axis labels for "Time" and "Temperature," and the data is loaded asynchronously via d3’s `csv` function.

Sep 24, 2019