Housing Violations Data - 2012

100%

Housing Violations Data - 2012

✓ Published0🌍 Public

Last edited Jul 24, 2016

Created on Jul 23, 2016

This beeswarm plot shows the timing of housing violations in 2012, with each point representing a single violation. A drop-down menu filters the visualization by violation type, such as "Overgrown Vegetation" or "Refuse Accumulation." Hovering over a point reveals details about the specific violation. Built with d3.v4, the plot uses the `forceSimulation` API to arrange points along a horizontal time axis, avoiding overlap while preserving the density distribution of the data. The dataset comes from a CSV file containing violation dates, categories, and inspection IDs.

AI-generated description

A beeswarm plot to visualize housing violations from 2012. Each point is a violation of the specified type.

Select different sorts of violations from the drop down menu. Hold your mouse over a point to reveal more details.

The beeswarm plot is a convenient modification of the scatterplot for one dimensional datasets where some data points have the same x-value.

An alternative view can be seen <a href="http://bl.ocks.org/BBischof/7607b90705281634c6da741c34d9ba7c">here</a>

Original Example: <a href='http://bl.ocks.org/mbostock/'>mbostock</a>'s block, <a href='http://bl.ocks.org/mbostock/6526445e2b44303eebf21da3b6627320'>Beeswarm</a>

forked from <a href='http://bl.ocks.org/BBischof/'>BBischof</a>'s block: <a href='http://bl.ocks.org/BBischof/a9e166f26ea11e01d838273e34a043b6'>Housing Violations Data - 2012</a>

gpl-3.0 Licensed

Similar vizzes

Loading thumbnail…

Housing Violations Data - 2012

A beeswarm plot visualizes 2012 housing violations, with each point representing a single violation. The plot displays the distribution of violations over time, colored by violation category, and a dropdown menu filters the view by specific violation type, such as "Overgrown Vegetation" or "Refuse Accumulation." Hovering over a point reveals additional details about that violation. The visualization uses D3.js v4, rendering as SVG. The data comes from a CSV file containing violation records with dates and types. The dropdown menu is built with Bootstrap, and the interactive filtering and hover effects are implemented using D3's selection and event-handling methods.

BBBischof

96% match

Loading thumbnail…

Housing Violations Data - 2012 (d3 dropdown)

A beeswarm plot shows the temporal distribution of 2012 housing violations, with each point representing a single violation. A dropdown menu filters the dataset by violation type, such as "Refuse Accumulation" or "Lead Hazard," and hovering reveals details. The x-axis maps violation dates using a time scale, while a force-directed simulation (`d3.forceSimulation`, `d3.forceX`, `d3.forceY`, `d3.forceCollide`) arranges overlapping points. The visualization uses SVG rendering, loads data from a CSV, and displays summary statistics like the number and earliest/latest violation dates.

BBBischof

95% match

Loading thumbnail…

Violations 2012 calendar view

This calendar view visualizes 2012 housing violations, using a color-coded grid of days to show the frequency of selected violation types throughout the year. Users choose a violation category from a dropdown menu, and each day’s rectangle is shaded by a linear color scale from red to green based on the count. The visualization uses D3.js (v4) to render SVG elements, with a tooltip on hover revealing details. The data comes from a CSV file containing inspection records, and the interface uses Bootstrap for the menu styling.

BBBischof

83% match

Loading thumbnail…

Violations 2012 calendar view (d3 dropdown)

A calendar view shows housing violation data for 2012, with each day represented by a colored rectangle. Users select a violation type from a dropdown menu, and the color of each cell reflects the count of that violation on that date. Hovering reveals details via a tooltip. Built with D3 v4, the visualization uses `d3.timeDays` and `d3.timeMonths` to structure the calendar layout and `d3.scaleQuantize` for color encoding. SVG rectangles and text labels are animated when the selection changes, drawing from the provided CSV dataset.

BBBischof

80% match

Loading thumbnail…

Untitled

This visualization is a heatmap showing monthly property crime counts in San Francisco from 2005 to 2015. Each cell represents a month and year, colored on a viridis scale from low to high crime totals, with years on the y-axis and months on the x-axis. The code uses d3.nest and d3.map to aggregate the CSV data, d3.scaleBand for axes, and d3.scaleSequential with d3.interpolateViridis for the color encoding. A gradient legend with a d3.axisBottom is rendered using an SVG linearGradient.

Vvaynexie

65% match

Loading thumbnail…

Violations

This interactive bar chart visualizes documented violations in Syria by province and date, sourced from the Violations Documentation Center’s aggregated CSV data. The visualization encodes date on the x-axis, a count of violations on the y-axis, and province as color, with tooltips revealing exact counts. Using the Vega-Lite API (`vl.markBar`, `vl.x().fieldT`, `vl.y().fieldQ`, `vl.color().fieldN`) rendered via `vega-lite-api`, `vega`, and `vega-lite`, the chart dynamically fits the window and applies custom axis styling from `config.js`. The `d3.csv` loader fetches the remote dataset, with the tooltip handler provided by `vega-tooltip`.

MMoooYang

64% match

Loading thumbnail…

Heatmap with time series in D3

A heatmap displays annual property-crime rates for U.S. states from 2000 to 2019, using color intensity to show per-100,000-person offense counts. It uses `d3.scaleThreshold` with `d3.interpolateBlues` to map rates to colors and a sequential color scale for fill, while `d3.legendColor` provides a threshold legend. Data comes from the CORGIS smoking dataset, filtered for property crimes. Tooltips reveal exact values on hover, and axes are labeled using `d3.axisBottom` and `d3.axisLeft`, with the SVG rendered via D3 v6.

EEunice Tu

64% match

Loading thumbnail…

Boston Housing Dataset Part I

This visualization presents four scatter plots exploring relationships in the Boston Housing Dataset, focusing on median home value (medv) against variables like lower-status population percentage, pupil-teacher ratio, building age, and nitrous oxide concentration. The plots reveal correlations, such as the strong negative relationship between medv and lstat, while coloring points by additional attributes like indus or ptratio and sizing by the chas binary variable. Built with the vega-lite-api library and D3, the charts load CSV data from a GitHub Gist and render interactively with tooltips and a custom dark-themed configuration.

Yyuzhang21

64% match