Skip to main content
SimilarExport ZIP
100%

ICE5 CalWildfire SumeraAnjum

✓ Published0🌍 Public
Aasumera375@gmail.com
Last edited Mar 15, 2025
Created on Mar 13, 2025
Forked from HTML Starter

This visualization presents a summary of a wildfire impact dataset for California, beginning with a text-based table of column statistics. Following the numerical summary, a large static SVG illustration depicts the state with abstract shapes and paths representing fire incidents, using colored fills and strokes to visualize affected areas. The page is built with HTML, CSS, and JavaScript, using D3.js (d3.v7) to fetch and parse a CSV file from a GitHub gist, calculate dataset metrics, and embed the pre-rendered SVG graphic.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

ICE6 Scatter Plot SumeraAnjum

This scatter plot displays the geographic distribution of California wildfire incidents, plotting longitude on the x-axis and latitude on the y-axis. Each red circle represents a wildfire event, with its size scaled proportionally to the number of acres burned. The code uses D3 v7's `scaleLinear`, `scaleSqrt`, and `axisBottom`/`axisLeft` APIs to render the visualization in SVG. Data is loaded from a CSV file, filtered to remove outliers via an interquartile range method, and styled with an interactive tooltip on mouseover.

Aasumera375@gmail.com
85% match
Loading thumbnail…

ICE6 BarChart SumeraAnjum

This bar chart displays monthly fire occurrences in California, revealing a clear seasonal pattern with peak incidents in July (391 fires) and lowest counts during winter months. The visualization aggregates wildfire records from a CSV dataset loaded via `d3.csv`, then uses `d3.rollup` to count occurrences per month and `d3.scaleBand`/`d3.scaleLinear` for positioning. Bars are rendered as SVG rectangles with hover effects changing fill color to orange. Axis labels and count annotations are added via D3’s selection methods.

Aasumera375@gmail.com
81% match
Loading thumbnail…

Fork of DataViz All together656565

This interactive dashboard visualizes wildfire statistics from a CSV dataset, showing the number of wildfires by fire size class for each year from 2001 to 2015. Users select a year through a dropdown menu or range slider, which updates stacked bar charts rendered with SVG rectangles in React. The visualization uses D3 scales (scaleBand, scaleLinear, scaleOrdinal) and includes a color legend to distinguish fire causes such as debris burning, lightning, and miscellaneous sources. A secondary zoomable bubble chart, built with react-bubble-chart, displays legend data with hover effects.

GGorbonosov Ilya
74% match
Loading thumbnail…

Untitled

This interactive map visualizes wildfire data across U.S. states, using size and color to represent fire frequency or intensity. Built with React and D3 v5, it renders a geographic map with state boundaries, reading wildfire records from a CSV file. Users can click a state to zoom in and see more detail, with the map’s projection and path drawing handled by `d3.geo.albersUsa` and `d3.geo.path`. The animation and interaction are driven by React state, while data parsing uses `d3.csv`.

PPavelyev Ivan
73% match
Loading thumbnail…

DataViz All together

An interactive dashboard combines a stacked bar chart with a bubble chart to explore wildfire causes across U.S. states from 2001 to 2015. The bar chart, built with React and D3 v5, uses `scaleBand`, `scaleLinear`, and `scaleOrdinal` to show the number of wildfires by fire size class, segmented by cause including debris burning and lightning, with a dropdown menu filtering by state. A separate bubble chart visualizes the total acres burned by cause using a d3.pack layout. Data comes from a CSV file of wildfire statistics.

AAndrey Getmanov
73% match
Loading thumbnail…

Vikas ICE5

This example visualizes the ICE-5 scientific dataset by summarizing its contents through colorful, car-shaped icons. It shows the data’s basic properties—file size, row count, and column count—alongside a legend of four categorical colors (Han Purple, Green, Harvest Gold, and Hanasa Yellow). The visualization uses d3.csv to fetch and parse the remote CSV file, then computes and displays the summary statistics in a text container. The page combines static SVG graphics for the color-coded cars with D3’s data-loading API to present both the dataset’s structure and its visual palette.

Ppanduvik99@gmail.com
73% match
Loading thumbnail…

ICE 5

This example displays a dataset summary alongside a static SVG composition of colored circles. It loads a hosted CSV file of global economy data and computes basic statistics for numeric columns, including row count, min, max, and mean. The visualization renders a 3-by-10 grid of circles using D3 v7’s selection and data-joining methods, applying a Tableau color scheme and decorative opacity. The code uses `d3.csv` for parsing and `d3.min`, `d3.max`, and `d3.mean` for summary calculations, with all output drawn as SVG elements.

CCharith Kapuluru
72% match
Loading thumbnail…

ICE-5: Data visualization

This example demonstrates a web page that displays the file size, row count, and column count of a CSV dataset, alongside a static SVG graphic titled "star.svg." The page uses D3.js version 7.3 to fetch the remote CSV file via `d3.csv`, then formats and injects the summary statistics into a styled `<pre>` element. The rendering is plain HTML and CSS, with a React framework noted in metadata but not used in the visible markup. The SVG contains simple geometric shapes with gray and blue fills.

Ssowmyanagula@my.unt.edu
72% match