Scatter Plot for Forest Fires

100%

Scatter Plot for Forest Fires

✓ Published0🌍 Public

Last edited Jul 6, 2020

Created on Jul 6, 2020

Forked from 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.

AI-generated description

Scatter Plot of Forest Fires Attributes

This dataset is from P. Cortez and A. Morais. A Data Mining Approach to Predict Forest Fires using Meteorological Data available at http://www.dsi.uminho.pt/~pcortez/fires.pdf and https://archive.ics.uci.edu/ml/datasets/forest+fires

https://unpkg.com/browse/d3@5.16.0/dist/d3.min.js

https://gist.github.com/mkt-ds/b4c757ad6ff0424c44cff6b6439cccb8

The main question I try to answer in this dataset is what are the contributing factors to forest fires? Is there a specific time of the year and other combinations together, like extra heat or wind or even the day of the week in case they are cause by humans camping?

Number of Instances: 517

Number of Attributes: 12 + output attribute

X - x-axis spatial coordinate within the Montesinho park map: 1 to 9 Y - y-axis spatial coordinate within the Montesinho park map: 2 to 9 month - month of the year: "jan" to "dec" day - day of the week: "mon" to "sun" FFMC - FFMC index from the FWI system: 18.7 to 96.20 DMC - DMC index from the FWI system: 1.1 to 291.3 DC - DC index from the FWI system: 7.9 to 860.6 ISI - ISI index from the FWI system: 0.0 to 56.10 temp - temperature in Celsius degrees: 2.2 to 33.30 RH - relative humidity in %: 15.0 to 100 wind - wind speed in km/h: 0.40 to 9.40 rain - outside rain in mm/m2 : 0.0 to 6.4 area - the burned area of the forest (in ha): 0.00 to 1090.84

MIT Licensed

Similar vizzes

Loading thumbnail…

Scatter Plot for Forest Fires

This scatter plot explores the factors contributing to forest fires in Portugal’s Montesinho park, using 517 instances from the UCI Forest Fires dataset. Three dropdown menus let users compare any two attributes (e.g., temperature, wind, or the Fire Weather Index) against a third, with circles colored by that selected category. Built with D3 v5, the visualization uses `scaleLinear`, `axisBottom`, and `axisLeft` for axes, while a `scaleOrdinal` color scale drives the legend. Circles animate via `transition().duration(2000).delay()`, and SVG rendering updates as menu selections change.

Mmkt-ds

86% match

Loading thumbnail…

Scatter Plot for Forest Fires

This interactive scatter plot explores factors contributing to forest fires, using data from 517 instances in Portugal's Montesinho park. It displays the burned area (in hectares) against various meteorological and spatial attributes, with dropdown menus allowing users to select which variables appear on the x-axis, y-axis, and color encoding. The visualization uses D3.js (v5) with SVG rendering and animated transitions, where points grow from the center over two seconds with a staggered delay. The chart leverages D3's `scaleLinear`, `axisBottom`, `axisLeft`, and `scaleOrdinal` APIs for axes and coloring, with a category-10 color scheme showing the categorical values for the selected color dimension.

RReinaFeng

84% match

Loading thumbnail…

Untitled

This scatter plot visualizes forest fire data from the UCI Machine Learning Repository, plotting temperature against the Fine Fuel Moisture Code. Each circle represents a recorded fire, with the x-axis showing fuel moisture and the y-axis showing temperature. The visualization uses D3.js v6 with SVG rendering. It employs `scaleLinear` for both axes, `axisBottom` and `axisLeft` for tick marks, and the `csv` function to load the forestfires.csv dataset. The code maps the FFMC and temp columns through the `extent` function to establish the scales.

Bbicyclecode

83% match

Loading thumbnail…

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

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.

Aangichau

74% match

Loading thumbnail…

Scatter Plot with Color

This interactive scatter plot from the Iris dataset visualizes three flower species as colored circles on an SVG canvas. Users select any of four numeric attributes for the X and Y axes via dropdown menus, with the species class encoded by a categorical color scale (orange, teal, and purple). Rendered in React with D3.js scaleLinear and scaleOrdinal, the plot updates the axes and marks automatically, and hovering over a point reveals its precise X value via an SVG title tooltip. The dataset is loaded asynchronously with d3.csv.

SSabin Bhandari

74% match

Loading thumbnail…

Amazon Fire

A scatterplot displays the number of Amazon fires by year, with each red circle representing a single monthly observation for a state. The chart reveals the distribution of fire counts across time. Built with D3 v5, the visualization uses `scaleLinear`, `axisLeft`, and `axisBottom` to render axes on an SVG canvas, reading from the `amazonfire.csv` dataset.

Jjhcliu19

74% match

Loading thumbnail…

Fork of Scatter Plot

This scatter plot visualizes heart disease data from the UCI Machine Learning Repository, allowing users to explore correlations between numeric attributes like age, cholesterol, and blood pressure. Dropdown menus let viewers select which columns map to the X and Y axes. The visualization is built using D3 v5, with `scaleLinear` for scaling axes, `axisLeft` and `axisBottom` for gridlines, and animated circle transitions via `transition().duration(2000)` with staggered delays. SVG rendering displays semi-transparent red circles, while axis labels and tick marks are styled through CSS.

AAshtone Onyango

73% match

Loading thumbnail…

Scatter Plot: Forest Fires in Brazil (CS 573 Assignment #3.3

This scatter plot visualizes the number of forest fires per Brazilian state for each month, using data from a Brazilian Forest Fires Dataset. Each red circle represents a state’s fire count, with the y-axis showing fire frequency and the x-axis displaying the year; the non-continuous vertical patterns highlight disparities between states with low versus high fire occurrences. The visualization is rendered as an SVG using d3.v6, employing `d3.csv`, `scaleLinear`, `axisLeft`, `axisBottom`, and `selectAll('circle').join()` for data binding and circle placement.

AAlex Pietrick

73% match