7. date-x-axis histogram

100%

7. date-x-axis histogram

✓ Published0🌍 Public

Last edited Aug 1, 2016

Created on Jul 20, 2016

This visualization shows the number of homicides in Chicago per week during 2015, displaying each week as a bar. It uses D3 v4’s `d3.histogram` function to bin data by week based on parsed dates, with the x-axis scaled by `d3.scaleTime`. The bar heights are mapped using `d3.scaleLinear`, and the SVG rendering includes labeled counts above each bar. The data comes from the City of Chicago’s public dataset, loaded from a CSV file.

AI-generated description

Source: City of Chicago.

This histogram shows the number of homicides in Chicago for each week in 2015.

forked from <a href='http://bl.ocks.org/mbostock/'>mbostock</a>'s block: <a href='http://bl.ocks.org/mbostock/b2fee5dae98555cf78c9e4c5074b87c3'>Histogram II</a>

gpl-3.0 Licensed

Similar vizzes

Loading thumbnail…

Histogram II

This histogram displays the number of homicides in Chicago for each week of 2015, using data from the City of Chicago. It counts incidents into weekly bins and labels each bar with its count. The visualization is built with D3 v4, using `d3.histogram` and `d3.timeWeek` thresholds, with `d3.scaleTime` and `d3.scaleLinear` for axes, rendered as SVG bars with text labels.

Mmbostock

88% match

Loading thumbnail…

Chicago Crime Data Analysis

This visualization analyzes Chicago crime data to reveal which time of day experiences the highest number of incidents. An interactive bar chart displays the total count for each time period, with bars highlighted on hover and a tooltip showing the exact value. The chart is built using D3.js v5, utilizing `scaleBand` and `scaleLinear` for axes, `axisLeft` and `axisBottom` for ticks, and a custom `colorLegend` module. The SVG render includes animated bar highlighting and a dropdown menu for data filtering.

Ssrrajendran

74% match

Loading thumbnail…

Chicago Crime Dataset Analysis

This visualization presents a bar chart of Chicago crime data, ranking offense types by their recorded counts, with THEFT and BATTERY as the most frequent. The bars are color-coded and rendered as SVG using D3.js v5, with axes created via d3.axisLeft and d3.axisBottom. The code includes reusable modules for a dropdown menu and color legend, though the current renderer focuses on the bar chart. The data is loaded from a CSV file and processed with d3.csv, with scales built using d3.scaleLinear and d3.scaleBand.

Ssrrajendran

71% match

Loading thumbnail…

exploration&Visu

This visualization uses D3 v4’s `d3.histogram` and `d3.scaleBand` to display crime counts as bar charts, with hardcoded arrays for daily and monthly totals. The SVG chart is generated via a reusable `chart` function, which sets up linear scales and an axis, then binds data to rectangle elements for bars. The code includes category labels for crime types and weekdays, but no external data file. Rendering is purely SVG with styled bars and axes.

AAminaSGitHub

70% match

Loading thumbnail…

6. linear-x-axis histogram

This histogram visualizes the distribution of 1,000 randomly generated samples from a Bates distribution, binning the data at regular intervals along a linear x-axis. Counts per bin are displayed as white text atop steelblue bars. The chart uses D3 v4’s `d3.histogram` to bin data, `d3.scaleLinear` for the axes, and `d3.axisBottom` for tick marks, which are positioned between bars to clarify bin boundaries. The y-axis height reflects each bin’s count, and the SVG output is styled via CSS classes.

深深度碎片

69% match

Loading thumbnail…

Histogram

This interactive histogram visualizes the distribution of one numeric variable using data loaded from a CSV file. Built with D3 v7, it renders bars as SVG rectangles, with the x-axis scaled linearly and the y-axis representing bin counts. The chart updates responsively on window resize, recalculating the histogram with 40 thresholds to accommodate the new width. Data is fetched from the `data_to_viz` GitHub repository.

Aarjun-lab663

69% match

Loading thumbnail…

Loading CSV Data with D3

A horizontal bar chart shows the percentage of households living below the poverty line for each Chicago community, sorted in descending order from Riverdale to Lincoln Park. The visualization uses D3 v3’s `d3.csv` to load the data from a CSV file, `d3.scale.linear` for the x-axis, `d3.scale.ordinal` with `rangeRoundBands` for the y-axis, and SVG `rect` elements to render the bars. Hovering over a bar reveals a tooltip via an appended `title` element. The data originates from the City of Chicago, data.gov.

JJasonMcGregor

69% match

Loading thumbnail…

Simple histogram using v7

A monthly histogram of earthquake magnitudes from a CSV file displays the distribution of seismic events over time, with bars showing the number of occurrences per month. The visualization uses d3.bin and d3.scaleTime to group the parsed date values into monthly thresholds, while d3.scaleLinear maps the counts to bar heights. Rendered as SVG rectangles with axes generated by d3.axisBottom and d3.axisLeft, the chart handles data loading via d3.csv and time parsing with d3.timeParse.

Dd3noob

68% match