Skip to main content
SimilarExport ZIP
100%

Time Series Histogram

✓ Published0🌍 Public
SSokrates86
Last edited Dec 19, 2016
Created on Dec 19, 2016

This chart displays a histogram of reported rat sightings in New York City between January 2010 and September 2014, binned by month. Each bar’s height represents the monthly count, drawn as steel-blue rectangles in an SVG. The visualization uses the D3.js v3 library, specifically `d3.time.scale()`, `d3.layout.histogram()`, and `d3.svg.axis()`, to parse dates, bin the data, and render axes. The data comes from NYC Open Data’s Rat Sightings dataset, which includes timestamps and location coordinates for each report.

AI-generated description

This chart shows a histogram of reported rat sightings in NYC between January 2010 and September 2014. It's intended as a simple example to show how to create a time-based histogram in D3.js.

Data source: NYC Open Data

forked from <a href='http://bl.ocks.org/sbrudz/'>sbrudz</a>'s block: <a href='http://bl.ocks.org/sbrudz/ed6454e3d25640d19a41'>Time Series Histogram</a>

mit Licensed

Similar vizzes

Loading thumbnail…

working with time

A histogram visualizes monthly totals of dead and missing migrants from the Data Canvas - Sense Your City API, with the x-axis showing reported dates across 2019 and the y-axis counting incidents. Built with React and D3 v5, the code uses `d3.csv` for data loading, `d3.scaleTime` and `d3.scaleLinear` for axes, and `d3.bin` with `d3.timeMonths` thresholds to group records into monthly bins. SVG rectangles render the bars, with tooltips via SVG `<title>` elements, and custom React components handle axis and mark rendering.

JJenny
71% match
Loading thumbnail…

Fork of Working with Time

This histogram displays the monthly total of dead and missing migrants from the Data Canvas Sense Your City Dataset. The chart aggregates individual incident records into monthly bins, with bar heights representing the summed death toll per month. Built with React and D3 v5, the visualization uses `d3.histogram` for binning, `d3.scaleTime` and `d3.scaleLinear` for axes, and renders interactive SVG rectangles with native tooltips. The axes, formatted with `d3.timeFormat`, clearly show temporal trends in the data.

Sstefanpullen
69% match
Loading thumbnail…

Fork of Working with Time

This histogram displays the total number of dead and missing migrants over time, with monthly bins aggregated from the Data Canvas Sense Your City dataset. The visualization uses React components for the axes and marks, with d3.scaleTime and d3.scaleLinear for scales. The data is loaded via d3.csv and processed using d3.histogram, d3.timeMonths, and d3.sum to create the bar chart rendered as SVG rectangles.

RRajat Dangat
69% match
Loading thumbnail…

NYC Arrest over year

This interactive visualization displays the number of arrests in New York City across the days of a month, with buttons allowing the user to switch between different months. It uses a bar chart rendered with SVG, where each bar’s height represents the arrest count for a specific day. The visualization is built with d3.v7, using d3.scaleBand and d3.scaleLinear for the axes. When a month is selected, the bars and axes update with a smooth transition over two seconds, and a title dynamically reflects the chosen month. Data is loaded from a remote CSV file.

JJasper129
69% match
Loading thumbnail…

Fork of Working with Time

This histogram shows the monthly count of dead and missing migrants from the Data Canvas Sense Your City subset, with reported dates on the x-axis and total fatalities on the y-axis. React renders an SVG with d3.scaleTime and d3.scaleLinear axes, while d3.bin groups the data into monthly thresholds and d3.sum aggregates the death counts per bin. Hovering over a bar reveals its exact total via a native SVG `<title>` tooltip.

Ttharuta
68% match
Loading thumbnail…

NYC Arrest over year

A month-by-month bar chart shows the daily number of arrests in New York City from January through September 2022. Clicking a month button triggers a D3 transition that re-scales the x- and y-axes and updates the bar heights accordingly. The visualization loads CSV data from a GitHub repository and uses D3 v7’s `scaleBand`, `scaleLinear`, and `transition` APIs to animate changes smoothly in an SVG.

JJasper129
68% match
Loading thumbnail…

NYC Arrest over year

A month-by-month bar chart shows the daily number of arrests in New York City from January through September 2022. Clicking a month button triggers a D3 transition that re-scales the x- and y-axes and updates the bar heights accordingly. The visualization loads CSV data from a GitHub repository and uses D3 v7’s `scaleBand`, `scaleLinear`, and `transition` APIs to animate changes smoothly in an SVG.

JJasper129
68% match
Loading thumbnail…

Covid Cases

This visualization shows daily COVID-19 cases in New York City from late February to mid-May 2020, using vertical bars to represent case counts over time. The chart is rendered as an SVG using D3 v5, with a linear scale for cases and a band scale for dates. It employs `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` from the d3 module to construct the axes and bars. Data is loaded from a CSV file via `csv("data.csv")`, with hover effects changing bar color to orange. The underlying data appears to come from NYC Health data.

Cclaudiatomateo
68% match