Thermostats in Chicago Communities (2010)

100%

Thermostats in Chicago Communities (2010)

✓ Published0🌍 Public

Last edited Feb 26, 2022

Created on Feb 26, 2022

This scatterplot shows the relationship between census block population and the total number of installed thermostats across Chicago communities in 2010. Each circle represents a community area, plotted with population on the x-axis and thermostat count on the y-axis. The visualization uses D3 v4 to load data from a CSV file, create scales and axes with `d3.scaleLinear` and `d3.axisBottom`/`d3.axisLeft`, and render SVG circles. The data comes from an energy-usage dataset hosted on GitHub.

AI-generated description

An example showing the capabilities of VizHub:

Loads D3 via UNPKG.
Demonstrates use of import from "d3".
Demonstrates use of import from local ES6 modules.

MIT Licensed

Similar vizzes

Loading thumbnail…

Thermostats in Chicago Communities (2010)

This horizontal bar chart displays the top 10 Chicago communities with the highest average number of installed thermostats in 2010, using data from the city’s energy usage CSV. The visualization uses D3 v4 to load and aggregate the data, compute mean therm values per community, sort and select the top entries, and render SVG rectangles scaled by a linear x-axis and a banded y-axis. Axis labels, tick formatting, and a title are styled via CSS, with grid lines drawn through tick size configurations.

PPeter Gish

92% match

Loading thumbnail…

Chicago Energy Usage - Histogram

This histogram visualizes the distribution of average building ages for Chicago energy usage data from 2010. The p5.js sketch loads a CSV dataset and renders a box plot overlay, displaying summary statistics like quartiles, median, mean, and outliers alongside the histogram. It uses custom statistical calculations for percentiles and thresholds, with a mapping function to convert data values to canvas coordinates. The visualization highlights the spread and central tendency of building ages through both the histogram bins and the superimposed box plot elements.

PPeter Gish

69% match

Loading thumbnail…

Chicago Energy Usage - Histogram

This example visualizes average energy consumption per Chicago census tract using a histogram with equal-width population bins. The p5.js sketch loads energy-usage data from a CSV file through the `loadTable` API, binning records by total population and computing the average kilowatt-hours per bin. Rendered on a 900×700 canvas, the chart displays bars colored in blue, a dot overlay at each bin’s average, and axes with configurable tick counts. The custom `linspace` function generates bin ranges, while CSS and HTML handle the page layout.

PPeter Gish

67% match

Loading thumbnail…

Area Chart - ICE_7

This area chart visualizes Chicago’s average daily temperatures for March, using a smooth curved line and a semi-transparent green filled region beneath it to emphasize temperature trends over the month. The chart is built with D3 v5, employing `scaleTime` for the date axis, `scaleLinear` for the temperature axis, and both `line` and `area` generators with `curveBasis` for the curved path. The x-axis uses a custom month format, while the y-axis applies a compact number formatter, with grid lines and labeled axes styled via CSS. Data is loaded from a CSV file containing day–temperature pairs.

Ggaddamthanmayeereddy759@gmail.com

64% match

Loading thumbnail…

Line Chart - ICE_7

This line chart visualizes average daily temperatures in Chicago from late March to mid-April 2024. It shows a clear upward temperature trend over time, with values fluctuating between approximately 58°F and 86°F. The visualization uses D3 v5 to render an SVG line chart with a smooth basis curve, time-scaled x-axis, and linear y-axis. The code imports D3 modules like `scaleTime`, `scaleLinear`, `line`, and `curveBasis` to construct the chart, while data is loaded from a CSV file containing date and temperature columns. Axis labels and a title are styled with CSS classes, with the temperature axis rotated vertically.

Ggaddamthanmayeereddy759@gmail.com

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

62% match

Loading thumbnail…

Chicago Crime Data First Pass

A scatter plot maps reported Chicago crime incidents to points on a U.S. map backdrop. Red circles mark each of the approximately 200 latitude/longitude coordinates from the local CSV file, colored by crime type. The visualization uses d3.json with TopoJSON from the US Atlas to draw the state boundaries via the d3.geoPath and geoAlbersUsa projections. Animated scaling of the points is handled through d3 transitions, while mouseover tooltips display the primary crime type.

BBrandon Lehr

60% match

Loading thumbnail…

HeatMap D3

This heatmap displays average monthly temperatures for ten cities across 2016, using a vertical color gradient from the Inferno interpolator to encode temperature values. The visualization employs D3.js v6 with SVG rendering, scaling months along the x-axis and cities along the y-axis. Interactive tooltips reveal exact temperature values on hover, while a d3-legend color scale provides a visual reference for the temperature range. The data comes from a CSV file loaded via d3.csv, with rounded cell corners and opacity styling for clarity.

AAllen Ho

59% match