Skip to main content
Log in
K

kratzbuerste

@kratzbuerste·4 public vizzes

Loading thumbnail…

Ordinal Scatter Plot

An ordinal scatter plot displays per-country carbon emissions using horizontal bars arranged along a categorical y-axis. The chart uses D3 v5 with `scaleLinear` for the x-axis and `scaleBand` for the y-axis, rendering SVG rectangles whose widths encode emissions values. Data is loaded from a CSV file via the `csv` method and multiplied by 1000 before drawing.

Sep 27, 2019
Loading thumbnail…

Ordinal Scatter Plot

An ordinal scatter plot displays per-country carbon emissions using horizontal bars arranged along a categorical y-axis. The chart uses D3 v5 with `scaleLinear` for the x-axis and `scaleBand` for the y-axis, rendering SVG rectangles whose widths encode emissions values. Data is loaded from a CSV file via the `csv` method and multiplied by 1000 before drawing.

Sep 27, 2019
Loading thumbnail…

Ordinal Scatter Plot

This ordinal scatter plot displays population estimates for countries, using a linear scale for population and a point scale for country names. The data comes from a CSV file, and the chart renders as SVG circles. The code uses D3 v5 functions including `scaleLinear`, `scalePoint`, `axisBottom`, and `axisLeft`, with a custom tick formatter that abbreviates large numbers using `format`.

Sep 27, 2019
Loading thumbnail…

Temperature in San Francisco Line Chart

This line chart shows a week of temperature measurements in San Francisco, with time plotted along the x-axis and temperature on the y-axis. The visualization uses a smoothed curve generated with d3.line and curveBasis, with axes created via d3.axisBottom and d3.axisLeft. Data is loaded from a CSV file using d3.csv, and the chart is rendered as SVG elements within a fixed 960×500 viewport, with maroon strokes for the line and custom tick and label styling applied through CSS.

Sep 27, 2019