Skip to main content
SimilarExport ZIP
100%

Types of pets by zipcode

✓ Published0🌍 Public
QQingyue99
Last edited Apr 26, 2020
Created on Apr 26, 2020

This interactive heatmap displays the distribution of pet types across Seattle zip codes, with each cell colored by the count of a specific primary breed. The visualization uses a red sequential color scale to highlight density variations, and tooltips reveal detailed information about zip code, species, and breed on hover. Built with Vega-Lite and rendered via the Vega-Lite API, the chart loads data from a CSV file containing Seattle pet license records and automatically fits its size to the browser window.

AI-generated description

https://gist.githubusercontent.com/Qingyue99/facd536dbe7fea7a89c1fe72a57623fc/raw/d44fc1724d6d4490bddcd09c6042b545d22d3171/seattle_pet_licenses.csv

MIT Licensed

Similar vizzes

Loading thumbnail…

Count and Type (Species and Breed) of Seattle Pets

This stacked bar chart shows the number of registered pets in Seattle, broken down by species and further subdivided by breed, revealing that dogs outnumber cats and that Labrador Retrievers and Domestic Shorthairs are the most common breeds. The visualization uses vega-lite-api to define a bar mark with an x-axis encoding for species and a y-axis encoding for the count, while color encodes the primary breed. Data is loaded asynchronously with d3.csv from a GitHub gist, and the chart is rendered with Vega and Vega-Lite, with interactivity provided by vega-tooltip.

Rrachelhahn
83% match
Loading thumbnail…

Seattle Pets Dataset

This example displays a concise summary of the Seattle Pets Dataset, showing the file size, row count, and column count. It fetches a CSV file from a GitHub Gist using `d3.csv`, formats the data with `d3.csvFormat`, and then presents the computed statistics in a large `<pre>` element. The visualization relies on D3 v5’s CSV parsing and formatting APIs to read and measure the dataset.

Rrachelhahn
67% match
Loading thumbnail…

2015 Seattle House Price data

This visualization displays 2015 Seattle house price data as an interactive scatter plot, where each circle represents a home. The x-axis maps year built, the y-axis shows price, circle size encodes living area in square feet, and color indicates the number of floors. The plot uses vega-lite-api to generate the chart, with data loaded via d3.csv from a GitHub-hosted CSV file. Custom axis styling and tooltips are configured through vega, vega-lite, and vega-tooltip, while the visualization renders as a fitted SVG canvas filling the browser window.

GGeniXiong
59% match
Loading thumbnail…

Gist 403e87d556c707e6d2b4d920c05ba2e3

A scatterplot maps veterinary clinics and animal hospitals by geographic coordinates, with each point labeled by facility name. The visualization uses d3.forceSimulation to prevent label overlap, while d3.geoPath renders a base map from geographic data. Points are colored and positioned via an equirectangular projection, with tooltips activated on hover. The dataset originates from a gist containing longitude, latitude, and facility names, though a stray SQL injection string appears in the data. The visualization highlights spatial clustering of animal care providers across the western United States, using Canvas getImageData for pixel-level collision detection during label placement.

WWill Carter
59% match
Loading thumbnail…

Making a Bar Chart

This example displays the population of the top 10 most populous dog breeds as a horizontal bar chart, using data from a local CSV file. The visualization uses d3.scaleLinear and d3.scaleBand to map population and breed names to x and y positions, with d3.axisLeft and d3.axisBottom rendering the axes. Bars are appended as SVG rectangles whose widths are proportional to population values, and the chart is rendered with a steelblue fill and a fixed SVG viewport.

BBigDataVisClass
59% match
Loading thumbnail…

Zip Code Trails

This visualization shows the geographic distribution of United States zip codes as colored trails, with each trail segmented by the first three digits of the zip code. It renders 960 by 500 pixels on a black background using an Albers USA projection. The code uses vega-lite-api with vega and vega-lite to create the line marks, filtering out non-continental states and applying a categorical color scale based on digit ranges. Data comes from the vega-datasets zipcodes.csv source.

CCurran Kelleher
59% match
Loading thumbnail…

2015 Seattle House Price data

This visualization displays 2015 Seattle house prices as a scatter plot, where each circle represents a home. Circle size encodes square footage of living area, color distinguishes the number of floors, and position shows the relationship between year built and price (with a logarithmic price scale). The code uses the vega-lite-api to construct the chart, d3.csv to load the dataset, and vega-tooltip for interactive hover details. Styling is customized via a config object defined in a separate module.

CCurran Kelleher
58% match
Loading thumbnail…

Dog Breed Type

This visualization displays a hierarchical tree of dog breeds grouped by type, such as Herding Breeds, Hounds, and Non-Sporting Breeds. It uses D3 v5’s `tree` layout and `linkHorizontal` to draw curved paths connecting parent and child nodes. The SVG-based rendering positions all breed names as text labels, with zoom and pan enabled via `d3.zoom`. The data is loaded from a local JSON file structured as a nested hierarchy. The green connecting lines and serif typography create a clean, readable overview of breed classifications.

Nnumberan
58% match