DJURK

@DJURK·3 public vizzes

fresh block

A calendar heatmap displays daily fire counts from 1992 to 2015, using color intensity to show the number of fires per day. The visualization uses d3.timeDays and d3.timeWeek to structure the grid, with d3.scaleQuantize mapping fire counts to a warm color scale. The d3.csv function loads data from a CSV file, and d3.nest groups records by date to assign fill colors to each cell. The code uses SVG rendering with d3.v4, including a custom pathMonth function to outline month boundaries.

Feb 16, 2018

Loading thumbnail…

simple scatterplot

A simple scatterplot displays seven data points from a small hard-coded array, each with x and y coordinates. The visualization is created using D3 v4, rendering to an SVG element that is appended to the page body. The code begins selecting the body and appending an SVG canvas of 960 by 500 pixels, then attempts to map the data array to circle elements, though the example only shows the initial setup without completing the circle rendering.

Feb 16, 2018

Loading thumbnail…

fresh block

This visualization is a calendar heatmap showing daily fire counts for each year from 1992 to 2015. Each cell represents a day, with color intensity (via a quantized scale from pale yellow to deep red) mapping to the FIRE_YEAR value from the CSV data. The layout uses d3.timeDays and d3.timeWeeks to position cells by week and weekday, with month boundaries outlined by pathMonth. The code employs d3.nest to group the CSV records by date and applies the color scale to the corresponding rectangles.

Feb 15, 2018