Skip to main content
SimilarExport ZIP
100%

US States Heatmap of Bee Colony Loss

✓ Published0🌍 Public
Bbootshine2
Last edited Oct 30, 2019
Created on Oct 17, 2019

This interactive map visualizes annual bee colony loss across US states, with a dropdown to switch between percent loss, colony count, and beekeeper count metrics. The choropleth uses a blue sequential color scale applied through `d3.scaleThreshold`, mapping each state’s value to its fill. States are drawn as SVG paths generated by `d3.geoPath` with a `d3.geoAlbersUsa` projection from TopoJSON data, while hover effects and a tooltip (via `d3-tip`) highlight individual states. The data comes from a CSV file loaded with `d3.csv`, and the interface is built using React components.

AI-generated description

Bee colony loss US states map.

Derived from https://vizhub.com/Mike191/857b5b259e6d4f32a47afda85186ee23 and modified for use here. All code hand loaded.

Links to the Bee Colony Loss data

MIT Licensed

Similar vizzes

Loading thumbnail…

Percent Bee Colony Loss by State and Year

This visualization displays the percentage of bee colony loss across U.S. states and years using a heatmap of rectangles, with each square color-coded on a red scale to highlight loss intensity. States are sorted by worst overall losses, and tooltips reveal exact values for state, year, and percentage. The chart is built with vega-lite-api and d3.v5, using a CSV data source from a GitHub gist. The encoding maps state to the x-axis, year to the y-axis, and the quantitative loss field to color.

Aalicenie
88% match
Loading thumbnail…

Percent Bee Colony Loss by State and Year

This heatmap displays percent bee colony loss across US states and years, with each rectangle’s color intensity representing the reported loss percentage. It reveals no clear geographic or temporal hotspots, showing the loss pattern as random and consistent nationwide. Built with the vega-lite-api, it uses `markRect` for the grid, sorts states by loss, and applies a red color scheme with tooltips. Data comes from the Bee Colony Loss3 CSV, rendered via vega and vega-lite with the vega-tooltip handler.

LLichenYang
87% match
Loading thumbnail…

Percent Bee Colony Loss by State and Year

This heatmap displays the percentage of bee colony loss for each U.S. state across multiple years, with cells colored on a red scale from light to dark to indicate increasing loss severity. States are sorted by their worst recorded loss, and hovering over a cell reveals a tooltip with the specific state, year, and percentage. The visualization uses vega-lite-api to construct a rectangle mark, with data loaded via d3.csv from a GitHub Gist containing the Bee Colony Loss dataset. It is built with Vega-Lite’s markRect and tooltip encoding, and configured to fit the full window.

Aalicenie
87% match
Loading thumbnail…

Treemap of Bee Colonies, Beekeepers, and Bee Colony Loss Numbers by State

This treemap visualizes bee colony loss numbers, beekeepers, and colony counts across US states from 2010 to 2016. The hierarchy nests each state by year, with leaf nodes representing the three metrics. Users can toggle between summing by colony size or counting each statistic, triggering a smooth animated transition. The visualization uses d3.treemap with d3.treemapResquarify, d3.hierarchy, and d3.scaleOrdinal for coloring, rendering SVG cells with clip-paths and labels. Data comes from a generated flare.json file based on USDA survey data.

Bbootshine2
87% match
Loading thumbnail…

Bee Colony Statistics by State and Year

A grid of colored rectangles maps bee colony loss percentages across U.S. states and years, revealing a random pattern with no clear geographic or temporal hotspots. Each cell encodes loss severity through a red color scale, with tooltips showing state, year, and percent loss for individual data points. The visualization is built using Vega-Lite API, React, and D3, loading data from a CSV of Bee Colony Loss statistics. The vega-lite-api `markRect` function encodes state on the x-axis and year on the y-axis, with color intensity representing the percentage loss.

Bbootshine2
87% match
Loading thumbnail…

Percent Bee Colony Loss by State and Year

This visualization displays the percentage of bee colony loss for each U.S. state across multiple years, using a matrix of colored squares. Each square’s color intensity represents the loss percentage, with states sorted by their worst-hit values along the x-axis and years on the y-axis. It highlights that colony loss appears random with no clear geographic or temporal trends. The code uses the vega-lite-api’s `markRect` and `encode` methods, with data loaded via d3.csv from a GitHub Gist, and includes tooltips for state, year, and loss percentage.

Mmkt-ds
87% match
Loading thumbnail…

Percent Bee Colony Loss by State and Year - a Vega-Lite MarkSquare Heatmap

This color-coded heatmap shows the percentage of bee colony loss across US states and years, revealing a random pattern with no clear geographic hotspots or temporal trends. Each square represents a state's loss for a given census year, with color intensity encoding the loss percentage. The visualization uses the Vega-Lite API’s `markSquare` function, projecting state names on the x-axis and years on the y-axis, with data sourced from a CSV of Bee Colony Loss. Built with D3 and Vega-Lite, it applies custom axis and label styling from a config file.

Cchungmin-yu
86% match
Loading thumbnail…

Percent Bee Colony Loss by State and Year - a Vega-Lite MarkSquare Heatmap

This color-coded heatmap shows the percentage of bee colony loss across US states and years, revealing a random pattern with no clear geographic hotspots or temporal trends. Each square represents a state's loss for a given census year, with color intensity encoding the loss percentage. The visualization uses the Vega-Lite API’s `markSquare` function, projecting state names on the x-axis and years on the y-axis, with data sourced from a CSV of Bee Colony Loss. Built with D3 and Vega-Lite, it applies custom axis and label styling from a config file.

Cchungmin-yu
86% match