r6 dashboard

100%

✓ Published0🌍 Public

Last edited May 16, 2017

Created on May 16, 2017

A dashboard for filtering data requests from US Forest Service Region 6 displays a geochloropleth map of ranger districts alongside bar and row charts for forest, status, and request type. Using dc.js, crossfilter, and d3.js, the visualization links charts so clicking one filter updates the others. The map uses d3.geo.mercator with a scaleProjection function to fit GeoJSON boundaries, while CSV data feeds the crossfilter dimensions and groups.

AI-generated description

Testing dashboard for viewing a summary of region 6 data requests.

forked from <a href='http://bl.ocks.org/gordonwoodhull/'>gordonwoodhull</a>'s block: <a href='http://bl.ocks.org/gordonwoodhull/9ab997c9a8d7d3380364'>dc.js example</a>

forked from <a href='http://bl.ocks.org/joellt/'>joellt</a>'s block: <a href='http://bl.ocks.org/joellt/66dde5caa0f66b1b4a14d203e183c853'>r6 dashboard</a>

mit Licensed

Similar vizzes

Loading thumbnail…

Choropleth Map with Interactive Filtering

This choropleth map displays U.S. state-level data with interactive filtering, allowing users to select a category and see the corresponding color shading update across the map. The visualization uses D3 v5 and TopoJSON to render the geographic boundaries via `d3.geoPath`, while a color legend component updates dynamically based on the selected filter. State polygons are drawn in an SVG container, and the filtering logic re-applies a color scale to the shapes. The map loads and processes CSV data with a custom utility, and styling is defined in a separate CSS file.

DDolbyref113

66% match

Loading thumbnail…

Exploring RDW data - Basic chart with filtering

This example visualizes parking facility data from the RDW, showing capacity as bars along a categorical x-axis. A checkbox filters out entries with unknown capacity, updating the bar chart and axes accordingly. Built with D3 v6, it loads data from a local JSON file and uses d3.scaleBand, d3.scaleLinear, and d3.axisBottom/axisLeft for rendering. The filtering logic uses D3’s data join pattern to update, enter, and exit bars dynamically.

Rrandy554

65% match

Loading thumbnail…

Exploring RDW data - Basic chart with filtering

This example visualizes parking facility capacities from RDW data as a bar chart, with each bar representing a location. A checkbox filters out entries with unknown capacity, dynamically updating the chart. Built with D3 v6, it uses `d3.scaleBand` for the x-axis, `d3.scaleLinear` for the y-axis, and SVG for rendering. The code loads local JSON data and demonstrates interactive filtering through D3’s selection and update patterns.

LLaurens

65% match

Loading thumbnail…

Chloropleth Map with interactive filtering-1

A choropleth map displays global economic classifications, with a linked color legend for interactive filtering. Clicking a legend category dims non-matching countries and highlights those selected. The visualization uses d3.geoNaturalEarth1 and d3.geoPath for projection, d3.zoom for panning, and d3.scaleOrdinal with schemeSpectral for colors. Data comes from TopoJSON world-atlas and TSV metadata, rendered as SVG paths with hover effects.

Jjblaskovich

64% match

Loading thumbnail…

US MAP

This interactive visualization displays a choropleth-style map of the United States, rendered as an SVG using React and D3 v5. The map shows state boundaries through purple interior lines, with land areas filled in green against a dark blue sphere background. The code employs `d3.geoAlbers` for the Albers equal-area projection, `d3.geoPath` to generate SVG paths, and `d3.geoGraticule` for grid lines. Geographic data comes from the `us-atlas` TopoJSON file, processed through `feature` and `mesh` from topojson library.

Ssiddu7147

63% match

Loading thumbnail…

Fork of DataViz All together

This interactive dashboard combines a stacked bar chart, a choropleth map, and a zoomable bubble chart to explore wildfire data across U.S. states from 2001 to 2015. Users select a year via a React dropdown, updating a bar chart that breaks down fire size classes by cause using `scaleOrdinal` and `scaleBand`. A separate map uses `d3.geoRobinson` and `d3.geoPath` to color regions by total fire size, with click-to-zoom functionality. The visualization relies on React for state management and D3 v5 for scales, axes, and geographic rendering, sourcing data from a CSV file.

SStefan Pushkov

63% match

Loading thumbnail…

Radar Chart D3 V4

This example presents a radar chart built with D3 v4, displaying six categories—such as Central, Kirkdale, and Everton—with values on a scale up to 100. The visualization uses SVG polygons to represent the data series, overlaid on a circular grid with five levels and axis lines, all rendered with animated mouseover effects. The code relies on D3’s `d3.scaleOrdinal` for color encoding and `d3.json` to load the embedded data file, while custom configuration controls the chart’s dimensions and styling.

TThanaporn-sk

63% match

Loading thumbnail…

Fork of Choropleth Map with Interactive Filtering

This choropleth map displays global economic data by country, with a color legend that doubles as an interactive filter. Users click legend items to highlight matching regions while dimming others. The map uses d3.geoNaturalEarth1 projection with d3.geoPath for rendering, and d3.zoom for panning. The legend employs scaleOrdinal with schemeSpectral colors, and onClick handlers toggle selection. Data comes from world-atlas TopoJSON and TSV files, processed via topojson.feature, with SVG output.

RRoland

63% match