Offsite tree species

100%

Offsite tree species

✓ Published0🌍 Public

Last edited Apr 26, 2020

Created on Apr 26, 2020

Forked from Suicide Statistics in 30 years

This visualization displays the count of offsite tree species across different biogeoclimatic zones, using a bar chart with a Viridis color scale. The view aggregates species counts per zone and includes species names in tooltips. Built with the vega-lite-api and d3.csv, it loads data from a GitHub-hosted CSV file and renders through Vega-Lite’s SVG output, customizing axis and label styling via a separate config object.

AI-generated description

A visualization constructed using the vega-lite-api.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Vega-Lite API Template

This bar chart displays forest area in square kilometers per country for 2012, ranked in descending order with each bar colored by country. It uses the vega-lite-api library to construct the visualization, registering Vega and Vega-Lite for rendering. The chart pulls data from a CSV file via d3.csv and applies custom axis and label styling from a configuration object. Tooltips show exact values on hover, and the chart automatically fits the full browser window.

Wwobling1

74% match

Loading thumbnail…

BC Offsite Species

This visualization combines a bubble map with a linked time-series histogram to explore offsite species trial data. The map projects geographic coordinates using `d3.geoAlbers` and `d3.geoPath`, with circle sizes scaled by area via `d3.scaleSqrt`. A `d3.brushX` on the histogram filters the map’s displayed points by biogeoclimatic zone. Data comes from a CSV of BC offsite trials, rendered with React and D3 v5 using SVG.

JJane Wang

72% match

Loading thumbnail…

Vega-lite Visualization Example

This stacked bar chart visualizes barley crop yields across multiple varieties, with each bar segmented by the site where the crop was grown. The visualization uses Vega-Lite’s declarative specification to encode variety on the x-axis, aggregated yield on the y-axis, and site as the color channel. Data is loaded from a local JSON file containing individual yield measurements, and the resulting chart is rendered as an SVG. The stacked segments communicate the total yield per variety while also comparing contributions from different agricultural research sites.

AAsutosh989

70% match

Loading thumbnail…

Untitled

A stacked bar chart displays forest area data for ten countries, with bars divided into colored segments representing different forest types (surface, forest, plantforest, primaryforest, privateforest). Users toggle a checkbox to switch between absolute values and percentages, which rescales the bar segments accordingly. Clicking a legend item filters the chart to highlight a selected forest type, animating the bars with `transition.attrTween`. The visualization uses D3 v4 with SVG rendering, reading from a CSV file, and includes interactive animations for data exploration.

Mmuzzheng

70% match

Loading thumbnail…

Variants

This visualization aggregates COVID-19 variant counts by location using a bar chart, with each bar’s length representing the number of sequences and color encoding the variant type. It loads data from the Our World in Data COVID-19 variants CSV via the `d3.csv` method. The chart is built with the Vega-Lite API, configured through `vl.markBar`, encoding fields for location, sequence count, and variant, and rendered using `vega` and `vega-lite` libraries with tooltip support from `vega-tooltip`.

ZZac Scott

70% match

Loading thumbnail…

Fork of Vega-Lite API Template

This example displays a bar chart of population by country, colored by religion, with a tooltip showing temperature on hover. The visualization is built using the Vega-Lite API, which wraps Vega and Vega-Lite specifications, and renders to SVG. Data is loaded asynchronously from a CSV file via D3’s `csv` function, sourced from the auto-mpg dataset. The chart is configured with custom axis and label styling, and fills the full viewport using automatic resizing.

AasafJortilles

69% match

Loading thumbnail…

Vega-Lite API Template

This example renders an interactive bar chart of population by country for 2015, using data from a Gist CSV file. It visualizes the rank-ordered values with a dark theme and custom axis styling. The visualization is built with the Vega-Lite API, which composes specifications programmatically in JavaScript, integrated with Vega and Vega-Lite libraries. It also uses D3’s `csv` loader for data ingestion, and Vega Tooltip for hover interactions, with the chart fitted to the full viewport.

TTengHoo3

69% match

Loading thumbnail…

What's Happening to Our Forests? (Learning Vega-Lite)

This visualization uses a scatterplot to show the percentage of forest land across countries over time, with each circle representing a country-year pair and color encoding the year. Built with Vega-Lite via the vega-lite-api, it loads CSV data from a World Bank subset using d3.csv, then renders an SVG chart sized to the window. The configuration adjusts axis labels and styling, while the tooltip handler from vega-tooltip provides interactivity on hover.

Aangichau

69% match