What's Happening to Our Forests? (Learning D3)

100%

What's Happening to Our Forests? (Learning D3)

✓ Published0🌍 Public

Last edited Apr 26, 2020

Created on Apr 26, 2020

This scatter plot visualizes the percentage of land area covered by forests across different countries and years. Each red, semi-transparent circle represents a single data point, with the x-axis mapping the year and the y-axis mapping the percentage of land area. The chart uses D3 v5 to load CSV data from a GitHub gist, then applies scales, axes, and circles via the `select`, `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs, rendering to an SVG canvas.

AI-generated description

This scatter plot shows data about cars, from UCI Machine Learning Repository: Auto MPG Data Set.

MIT Licensed

Similar vizzes

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

86% match

Loading thumbnail…

Trees and Carbon - Customizing Axes

This scatter plot visualizes the forest area in 1990 for ten countries, ordered along a point scale by country name. The chart uses a linear x-axis with tick formatting via `d3.format` and gridlines spanning the full plot height. Built with D3 v5, it renders circles as SVG elements, with axis labels and a title styled through CSS. Data is loaded from a CSV file using `d3.csv`.

YYoram

77% match

Loading thumbnail…

First Visual

This visualization displays the relationship between each country's total area and its percentage change in tree cover since 2000, using a scatter plot loaded from a CSV dataset. Each circle's color redundantly encodes the tree cover change value through the `interpolateRdYlGn` color scale. The plot is rendered with D3 v7, using `scaleLinear` for both axes and `axisLeft`/`axisBottom` from the custom `axes.js` module. The data is processed with `csvParse` and `flatRollup` to aggregate area and delta values.

LLauren

75% match

Loading thumbnail…

Scatterplot with Labels

This scatterplot shows the relationship between each country’s total area (on the x-axis) and the percentage change in tree cover (on the y-axis), using data from a CSV of tree-cover loss. Each circle’s color redundantly encodes the y-value via the `interpolateRdYlGn` color scale, with a title summarizing the chart. The visualization is built with D3 v7, using `scaleLinear` for axes, `axisLeft` and `axisBottom` from the `d3` module for ticks and labels, and a `flatRollup` operation in `viz.js` to aggregate the raw data by area and delta.

LLauren

75% match

Loading thumbnail…

Scatter Plot for Forest Fires

This interactive scatter plot explores factors contributing to forest fires from the UCI Forest Fires dataset, letting users compare any numeric attribute against another via dropdown menus. It renders animated SVG circles whose positions, colors, and sizes represent the selected x-axis, y-axis, and color-coded attributes, with a legend. Built with D3 v5, it uses `scaleLinear` for axes and `scaleOrdinal` with `schemeCategory10` for coloring, while `transition().delay()` animates points over two seconds.

Aask4jm

74% match

Loading thumbnail…

Trees and Carbon - Customizing Axes

A bar chart displays the forest area of ten countries in 1990, sourced from Global Forest Research data. The visualization customizes axes by removing default domain lines and tick lines, applying a `.1s` tick format for compact numbers, and adding a custom axis label. Built with D3 v5, it uses `scaleLinear`, `scaleBand`, `axisBottom`, and `axisLeft` to render an SVG, with green rectangles and hover interaction.

YYoram

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

74% match

Loading thumbnail…

D3 Stuff:Cars Scatterplot

This scatterplot visualizes country-level data, plotting each nation as a circle based on its coverage value against another measured metric. The D3.js v5 code loads data from a CSV file, uses linear scales to map values to x and y coordinates, and renders the circles within an SVG container. The visualization includes axes, axis labels, and a legend, with styling applied through CSS to control circle opacity and appearance.

Ddanjaruss

73% match