Skip to main content
SimilarExport ZIP
100%

Seattle Library Door Counts 2010 to 2019

✓ Published0🌍 Public
CCameron-Grams
Last edited Sep 14, 2021
Created on Sep 14, 2021

This visualization tracks monthly visitor counts for 27 Seattle Public Library branches from 2010 through 2019, revealing seasonal patterns and branch-level differences in a small-multiple line chart. The data, sourced from a gist by Cameron-Grams, plots each branch’s total visits over time, with the central library (CEN) dominating the counts and smaller branches showing lower, flatter trends.

AI-generated description

Similar vizzes

Loading thumbnail…

Fork of Pathetic Bar Chart

This example presents the top 30 most-checked-out items from a Seattle Public Library dataset as a set of horizontal bars, with each rectangle’s width mapping to a numeric checkout month and its vertical position mapping to the checkout count. The chart deliberately omits axes, labels, and scales, emphasizing raw data shapes over readability. Built with React and D3 v5, the code loads CSV data via `d3.csv`, computes scales using `scaleBand` and `scaleLinear`, and renders SVG `<rect>` elements inside a React component, with loading state handled through React hooks.

Ccorinna-fab
62% match
Loading thumbnail…

Bar Chart

This bar chart displays average monthly temperatures in Seattle for 2017, with each bar representing a month and its value plotted on a zero-based y-axis. The visualization is rendered on a Canvas element using Chart.js, which the code initializes with a dataset fetched from a GitHub Gist containing the CSV weather data. The chart applies a red color scheme to the bars and includes hover effects that darken the selected bar. The data loading occurs asynchronously via the Fetch API, parsing the CSV rows into labels and numeric temperature values.

Rrallabandisushen@gmail.com
58% match
Loading thumbnail…

Seattle average temperatures

A bar chart displays average daily temperatures in Seattle for 2017, with each bar representing a date and its corresponding temperature value. The chart uses Chart.js to render the data fetched from a remote CSV file, and the bars are colored in red with a semi-transparent fill. The canvas background is set to black via CSS, and the chart's y-axis ticks begin at zero. The data is loaded asynchronously using the Fetch API, and the visualization updates responsively within the browser.

Rrallabandisushen@gmail.com
56% match
Loading thumbnail…

Temperature in Seattle Plot

This area chart displays Seattle’s daily consumption from January through June 2016, with a green filled curve over a time-based x-axis and a linear y-axis. The visualization uses D3 v5’s `scaleTime`, `scaleLinear`, `area`, `curveBasis`, and `axisBottom`/`axisLeft` APIs to render an SVG path from the data.csv file. Axes include rotated labels and tick marks, while the title and axis titles are styled via CSS.

CCaleb
56% match
Loading thumbnail…

Temperature in Seattle Plot

This line plot shows daily consumption in Seattle over the first half of 2016, with a clear weekly pattern of higher values on weekdays and dips on weekends. Built with D3 v5, the SVG visualization uses `scaleTime` for the date axis and `scaleLinear` for the consumption values, with `axisBottom` and `axisLeft` for tick marks. The line is drawn using `line` with `curveBasis` smoothing, and data is loaded from a local CSV file.

CCaleb
56% match
Loading thumbnail…

Temperature in Seattle Plot

This line plot shows daily consumption in Seattle over the first half of 2016, with a clear weekly pattern of higher values on weekdays and dips on weekends. Built with D3 v5, the SVG visualization uses `scaleTime` for the date axis and `scaleLinear` for the consumption values, with `axisBottom` and `axisLeft` for tick marks. The line is drawn using `line` with `curveBasis` smoothing, and data is loaded from a local CSV file.

CCaleb
56% match
Loading thumbnail…

Fork of Vega-Lite API Template

The visualization displays Seattle Public Library checkouts by creator and checkout count, using a scatter plot with translucent circles to reveal density patterns in the data. The code loads CSV data from a GitHub gist via d3.csv, then renders the chart through the Vega-Lite API, which wraps Vega and Vega-Lite specifications. Custom axis styling and larger fonts are applied via a config object, while the vega-tooltip handler enables interactive hover details. The view fills the entire window with an SVG renderer.

Ccorinna-fab
56% match
Loading thumbnail…

Seattle House Price Scatter Plot with Menus

This interactive scatter plot visualizes 2015 Seattle house prices, with each circle representing a home colored by number of floors. Users select X and Y axes from dropdown menus to explore relationships between attributes such as year built, price, living area, and lot size. Built with React and D3 v5, the visualization uses `scaleLinear`, `scaleOrdinal`, and `extent` for scaling, while SVG circles and custom `AxisBottom`, `AxisLeft`, `ColorLegend`, and `Marks` components handle rendering. The data loads via D3’s `csv` parsing from a GitHub Gist.

GGeniXiong
55% match