Construction Permit information from 1990 to 2019

100%

Construction Permit information from 1990 to 2019

✓ Published0🌍 Public

Last edited Sep 26, 2020

Created on Sep 26, 2020

This visualization tracks construction permit activity in Washtenaw County from 1990 to 2019, showing annual counts and values across building types—single-unit, double-unit, three/four-unit, and five-plus-unit structures. A multi-line chart displays yearly trends, with distinct colored lines for each category. The rendering uses the D3.js library, specifically `d3.line` and `d3.scaleLinear` for axes, while tooltips employ `d3.pointer` for interactivity. Data comes from the provided CSV file, parsed with `d3.csvParse`. The chart highlights peaks in single-unit construction during the early 2000s and a sharp decline after 2006, reflecting economic cycles.

AI-generated description

Similar vizzes

Loading thumbnail…

Housing Violations Data - 2012

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.

BBBischof

59% match

Loading thumbnail…

Line Chart

This line chart tracks the annual sales of houses in the United States from 2009 to 2022, with years on the x-axis and the number of homes sold on the y-axis. The visualization uses D3 version 5, rendering as an SVG. It employs `d3.scaleTime` and `d3.scaleLinear` for the axes, while `d3.line` with a basis curve generates the smoothed trend line. The data is loaded from a CSV file hosted in a GitHub gist, featuring red strokes, bold labels, and a centered title.

CCH SAMPATH

57% match

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

56% 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

56% match

Loading thumbnail…

Year Completed Skyscraper Histogram

This histogram visualizes the distribution of skyscraper completion years using 10-year bins from 1850 to 2019, with outliers removed. Hovering over a bar displays a tooltip with the exact count. Built with the p5.js library, the visualization loads data from a CSV via `loadTable`, computes bin counts in `calculateBins`, and renders the chart using `rect` and interactive mouse-position detection for tooltips.

Ssyu36

55% match

Loading thumbnail…

hw9final

This line chart tracks the total number of shootings per year from 2010 to 2016, using a single purple trend line with hover interactions that reveal the percentage breakdown by race (Latino, Black, White, Asian, Other, Unknown) for each year. The visualization uses D3 v4 with SVG rendering, employing `d3.scaleTime`, `d3.scaleLinear`, and `d3.line` to construct the chart, while a `d3.bisector` enables precise date-based lookup during mouse movement. An overlay rectangle captures mouse events, updating a focus circle and dashed hover-lines to display the demographic percentages in a text label. The data comes from a local JSON file (data.json), and the chart is built with Blockbuilder.org, using a clean light background and minimal axis styling.

HHussamHallak

55% match

Loading thumbnail…

Untitled

This visualization shows the distribution of housing types in a dataset as a pie chart, with each category represented as a slice colored by a pastel scheme. The code loads CSV data from a remote GitHub gist, counts occurrences of each property type (apartment, house, condo, etc.), and renders the results using the vega-lite-api library. It uses `markArc` for the pie slices, encodes color by the nominal type field, and applies a count aggregation for the theta angle. The chart includes tooltips and a title indicating the number of housing types.

JJaswitha09

55% match

Loading thumbnail…

Stylized Bar Chart

This stylized bar chart visualizes annual rent increases from 2000 to 2020 using data loaded from a CSV file. Each year is represented by a simple square rectangle rather than a standard proportional bar, emphasizing the graphic style over quantitative accuracy. The visualization uses D3 v5 with the `d3.csv` method to fetch and parse the data, appending SVG `rect` elements inside an `<svg>` container. The rectangles are fixed at 300 by 300 pixels, with formatting that prioritizes a uniform, decorative appearance over encoding the actual values.

MmarcoFijan

55% match