fresh block

100%

✓ Published0🌍 Public

Last edited Feb 15, 2018

Created on Feb 15, 2018

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.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

Loading thumbnail…

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.

DDJURK

96% match

Loading thumbnail…

fresh block

This visualization displays monthly values as a line chart with circular markers, showing a basic time series of twelve data points from January through December 2016. The SVG rendering uses d3.svg.line with an ordinal x-scale and linear y-scale to map the data. Hovering over a grey circle highlights it in red, reveals the corresponding value as text above the point, and draws a dashed vertical line from the marker down to the chart baseline. The code relies on d3.json for data loading and d3.time.format for date parsing.

MMarineRu

77% match

Loading thumbnail…

fresh block

A dark bar chart displays daily high temperatures for New York City from late 2011 through early 2012, using a green fill with white strokes over a black background. The visualization loads tab-separated data via `d3.tsv`, parses dates with `d3.timeParse`, and renders rectangular bars positioned by `d3.scaleTime` and `d3.scaleLinear`. Axes are generated with `d3.axisBottom` and `d3.axisLeft`, and the chart is drawn as SVG, with margins fixed to an 800x300 pixel canvas.

JJWTappert

77% match

Loading thumbnail…

fresh block

A line chart displays monthly values for twelve categories labeled A through L, with circles marking each data point and dashed vertical guides from the baseline. Hovering a circle highlights it in red, fades in the corresponding value label and guide line, then restores them on mouseout. The visualization uses d3.line, d3.scaleTime, and d3.scaleLinear to position marks, with transitions on opacity for interactive feedback. Data comes from a local JSON file, and rendering occurs in SVG with a monospace font for numeric labels.

KKylaste

76% match

Loading thumbnail…

fresh block

A small multiple line chart shows monthly values for a single series across twelve months, with grey circles marking each data point. Hovering over a circle highlights it in red, brings it to the front, draws a dashed vertical guide line to the baseline, and animates a large value label near the point. Built with D3 v3, the visualization uses an ordinal x-scale for month names, a linear y-scale for values, and SVG paths, circles, and text elements. The data comes from a local JSON file with name, value, and date fields, parsed via `d3.time.format`.

BBrunoDumas

76% match

Loading thumbnail…

fresh block

A line chart displays monthly values over time, with each data point shown as a semi-transparent grey circle. Hovering a circle highlights it in red, displays the numeric value as text, and draws a dashed vertical guide line to the baseline. The visualization uses D3 v4 with `d3.scaleTime`, `d3.scaleLinear`, `d3.line`, and `d3.json` to load and render the dataset, while `d3.select` and `transition` manage the interactive hover effects in an SVG container.

MMilowB

76% match

Loading thumbnail…

fresh block

A monthly time-series line chart displays a dataset of twelve alphabetical categories (A–L) with associated values. The visualization uses an SVG line and red circular markers to trace value changes over time. Built with D3.js v3, it employs ordinal and linear scales, a line generator, and custom mouseover/mouseout interactions that highlight data points with blue fills, dashed vertical guide lines, and enlarged value labels. The chart reads from an external JSON file, rendering axis labels as text elements and supporting smooth transitions during hover effects.

BBrunoDumas

75% match

Loading thumbnail…

fresh block

A line chart displays daily crime counts across a 31-day period, with points connected by a single path. The visualization uses D3 v4 with `d3.scale.linear` for both axes, `d3.svg.axis` for ticks, and `d3.svg.line` to generate the path. Data from `numbers3.csv` is loaded via `d3.csv`, with day and crimes values parsed as numbers. An SVG canvas of 600x270 pixels, excluding margins, renders the axes and line, showing a fluctuating trend peaking around day 16 and dipping near day 25.

GGoomble

74% match