Untitled

100%

✓ Published1🌍 Public

Last edited Jan 9, 2021

Created on Jan 9, 2021

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

AI-generated description

This scatter shop shows data about cars from UCI Machine Learning Repository

MIT Licensed

Similar vizzes

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

83% match

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

77% match

Loading thumbnail…

Forest Fires Dataset

This example displays the first row of the Forest Fires Dataset from the UCI Machine Learning Repository as a formatted JSON object. The data includes spatial coordinates (X, Y), temporal information (month, day), and environmental metrics such as temperature, humidity, wind speed, and the fire severity index (FISI). The code imports the CSV file, coerces all numeric fields to numbers using unary plus operators, and renders the parsed object in a `<pre>` element with a fixed font size. The visualization demonstrates static text rendering with inline styles, without additional charting libraries.

Ppadmeshnaik22@gmail.com

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

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

73% match

Loading thumbnail…

Fork of Reusable D3 Scatter Plot

This interactive scatter plot visualizes weather data from a CSV file, allowing viewers to cycle through humidity, precipitation, and pressure on the x-axis while temperature remains on the y-axis. Using D3.js version 6, the chart employs `scaleLinear`, `extent`, and `axisBottom`/`axisLeft` to render axes, with a `setInterval` driving automatic transitions between attributes every two seconds. Circles are drawn via `selection.selectAll` and `join` with a fixed radius, while margins and dimensions adapt to the window size. The Iris dataset is not shown here; instead, weather observations are sourced from a gist-hosted CSV, and styling uses the Share Tech font.

Hharichandanamone21@gmail.com

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

72% match

Loading thumbnail…

Untitled

This visualization shows temperature readings in San Francisco over one week, plotting each measurement as a circular point along a time-based x-axis and a linear temperature y-axis. The chart includes labeled axes for time and temperature, with a title displayed above the plot. The code uses D3 v6 methods such as `scaleTime`, `scaleLinear`, `axisBottom`, and `axisLeft` to construct the scales and axes, and renders the data as SVG circles. The data comes from a CSV file loaded via D3’s `csv` function, with timestamps parsed as dates.

Bbicyclecode

71% match