Skip to main content
100%

DisturbanceResults

✓ Published0🌍 Public
Aadilyalcin
Last edited Jan 18, 2016
Created on Jan 18, 2016

This interactive disturbance-results browser visualizes a dataset of scientific papers, summarizing their characteristics by user-selected criteria like fire frequency, severity, taxa, climate, and ecosystem type. The code uses d3.forceSimulation for the underlying layout, with summaries displayed in left and right panels and a middle list showing paper titles and sortable study counts. The visualization is built from a Google Spreadsheet via the kshf_config.json configuration, and the ready callback adds interval-summary sorting options to the record display.

AI-generated description

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
62% 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
61% 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
60% match
Loading thumbnail…

Interactive Forest Plot (Single File)

This interactive forest plot displays study-level effect sizes and pooled summaries from a metadata JSON file, using a logarithmic odds-ratio scale. Built with React hooks and D3 v6, the visualization renders SVG marks including heterogeneity bands, square markers sized by study weight, and polygons for pooled estimates. Hover cards on each study row use CSS opacity transitions, while d3.scaleLog, d3.scalePoint, and d3.scaleLinear manage spatial encodings. The chart loads external data via d3.json and updates state asynchronously.

WWaseem Medhat
60% match
Loading thumbnail…

Fork of DataViz All together

A fork of an earlier NBA data visualization, this web application presents annual wildfire statistics as an interactive bar chart. A dropdown menu allows the user to select a year from 2001 to 2015, and the chart updates to show the number of wildfires by fire size class for that year, with each bar color-coded by a specific cause (e.g., debris burning, lightning). The visualization is built with React and D3, using `scaleBand` and `scaleLinear` for axes, `scaleOrdinal` for the color legend, and `csv` to load data from a remote GitHub repository. The rendered SVG includes a tooltip on each rectangle to reveal the precise count.

GGorbonosov Ilya
60% match
Loading thumbnail…

Gist 2f2eacadf93dfd159da1

This visualization shows journal impact data from the 2012 Journal Citation Reports, rendered as an interactive scatter plot. Each point represents a journal, with position encoding impact factor versus total citations and point size mapping the Article Influence Score. The view is implemented with React managing the component state and D3.js handling the layout and scales. Points are drawn using WebGL for efficient rendering of hundreds of journals, and the animation smoothly transitions points when the underlying data or filters change. SVG is used for axes, labels, and interactive hover effects, while the WebGL layer renders the data points themselves. The visualization enables exploration of relationships between citation metrics across physics, chemistry, and biology journals.

BBenHeubl
59% match
Loading thumbnail…

Untitled

Animated bubble chart tracks the changing acreage burned by wildfire causes across nine time periods. A slider selects each dataset, triggering a D3 force simulation that transitions circle positions and sizes to reflect the new values. Circles are colored using a chromatic scale and labeled by cause, with hover effects highlighting individual nodes via SVG styling. The visualization relies on d3.forceSimulation for layout and d3-transition animations to smoothly interpolate between states, rendering wildfire statistics as a comparative, interactive time series.

AAndrey Getmanov
59% match
Loading thumbnail…

Fork of Polished World Map

This interactive visualization combines a world map of natural disasters with a time-series histogram. Users brush over the histogram to filter disasters by date, which updates the map’s bubble markers sized by disaster impact and colored by category (hydrological, meteorological, climatological). Radio buttons recolor the map based on minimum, average, or maximum temperature anomalies from a separate CSV dataset. The map uses `d3.geoNaturalEarth1` and `d3.geoPath` for rendering, while the histogram employs `d3.bin` and `d3.brushX` within a React framework.

MMilana
59% match