CrossFilter, dc.js

100%

CrossFilter, dc.js

✓ Published0🌍 Public

Last edited Jul 13, 2018

Created on Jul 13, 2018

This interactive dashboard shows earthquake records for New Zealand, allowing users to filter events by magnitude, depth, time, day of week, and island location through linked bar, line, row, and pie charts. Built with dc.js and crossfilter, it displays a data table and aggregate counts that update dynamically when selections are made. The charts use D3.js for rendering and load data from a CSV file containing earthquake attributes like location, magnitude, and depth.

AI-generated description

forked from <a href='http://bl.ocks.org/nivas8292/'>nivas8292</a>'s block: <a href='http://bl.ocks.org/nivas8292/297039a1ef840884a562'>CrossFilter, dc.js</a>

mit Licensed

Similar vizzes

Loading thumbnail…

dc.js Experiment

This dc.js experiment visualizes earthquake data from New Zealand’s Geonet service, displaying events by magnitude and depth as bar charts, a line chart of events per hour, and a sortable data table. Built with crossfilter for multidimensional filtering, dc.js coordinates the charts, while D3.js handles SVG rendering and animated transitions. The dashboard loads a CSV file containing earthquake records and supports interactive filtering across all visualizations simultaneously.

Dd3noob

88% match

Loading thumbnail…

dc.js Experiment

This dc.js experiment uses a crossfilter to coordinate multiple linked charts—bar charts, a line chart, a row chart, and a pie chart—to explore a dataset of 2013 earthquakes from New Zealand's GeoNet service. The visualization includes a data table and a filter count, with all charts updating dynamically to reflect selections. The dimensions (magnitude, depth, time of day, day of week, and island location) are defined via `crossfilter` and used by `dc.barChart`, `dc.lineChart`, `dc.rowChart`, and `dc.pieChart`. Data loading and parsing rely on `d3.csv` and `d3.time.format`, while charts render as SVG elements.

Dd3noob

86% match

Loading thumbnail…

New Zealand Earthquakes

This interactive scatterplot visualizes the pattern of earthquakes in New Zealand from July 2010 to August 2012, plotting each event by its week and time of day, with point size reflecting magnitude. The visualization uses D3.js version 3.5.17 to render SVG circles with tooltips, axes, and grid lines. Data is loaded from a CSV file containing dates, times, and magnitudes, and the code employs `d3.time.format` for parsing and formatting temporal values, alongside `d3.svg.axis` for the coordinate scales.

Dd3noob

77% match

Loading thumbnail…

LineChart Test

This visualization presents earthquake data as a bubble chart plotting longitude and latitude, with bubble size encoding earthquake magnitude and color representing the continent. It includes interactive filtering by continent through the legend, which also shows size ranges. Built with D3 v7, the code uses `d3.select`, `d3.scaleOrdinal`, and `d3.scaleLinear` to render circles in an SVG, with a custom CSV parser for the earthquake dataset. Hovering over bubbles reveals tooltips showing magnitude and continent details.

DDuc Pham

71% match

Loading thumbnail…

Fork of Fork of Interactive Visualization (Brush) - Earthquake Data

This interactive dashboard combines a bar chart, a world map, and a scatter plot to explore earthquake data from 2000 to 2021. The bar chart shows the mean yearly earthquake magnitude, while the world map, built with `d3.geoPath` and a Mercator projection, plots earthquake epicenters with circle radii scaled by Richter magnitude. A linked scatter plot uses `d3.select` to display year against magnitude, with point size representing deaths. The map also includes tooltips on hover, and the data for the bar chart is loaded from a CSV file.

Sspace-captain96

70% match

Loading thumbnail…

Simple Leaflet Map with Heatmap

A simple Leaflet map displays earthquake activity across New Zealand, with magnitude visualized as a heatmap overlay. The map uses Leaflet.js with the Leaflet.heat plugin, plotting quake points from New Zealand’s Geonet data on an OpenStreetMap tile layer. The heatmap is rendered with a radius of 20, blur of 15, and maximum zoom of 17, showing density and intensity of seismic events around the North Island.

Dd3noob

69% match

Loading thumbnail…

Interactive Visualization (One Menu) - Earthquake Data

This interactive visualization displays earthquake data from 1900 to 1999, combining a world map and a bar chart. The map uses `d3.geoMercator` and `d3.geoPath` to render earthquake locations as circles, with radius representing Richter magnitude. The bar chart aggregates total deaths by region, updating via a dropdown menu that filters data by twenty-year intervals. Both SVG visualizations share the same dataset, loaded from a CSV file, and employ D3 v7’s data-join and transition methods for updates.

JJunying Li

69% match

Loading thumbnail…

Ver2 Earthquake Scatter Plot

This visualization plots earthquake magnitude against time using data from the USGS all-week GeoJSON feed, with points colored by depth category (shallow, intermediate, deep). The main scatter plot includes hover tooltips showing magnitude, location, time, and depth, while a context view below displays the full dataset with a d3.brushX selection that filters the primary view to a brushed time interval. Built with D3 v7 and React, the visualization uses scaleLinear, scaleOrdinal, and utcFormat to render the charts.

Llingjizhu@gmail.com

69% match