100%

instructions

✓ Published0🌍 Public

Last edited Nov 22, 2014

Created on Nov 22, 2014

The example filters and displays earthquake records from a USGS CSV feed, showing only events near New Guinea with depths exceeding 80 kilometers. It uses a custom `FilterStream` transform in Node.js to process CSV-parsed data, logging matching entries to the console. The `csv-parser` and `bubble-stream-error` libraries handle parsing and error propagation, while commented-out code suggests optional output via `cli-table`.

AI-generated description

instructions

first install the dependencies:

npm i

download file locally:

curl http://earthquake.usgs.gov/earthquakes/feed/v1.0/summary/all_month.csv > earthquakes.csv

run the example:

node example.js

ISC Licensed

Similar vizzes

Loading thumbnail…

CrossFilter, dc.js

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.

TTheShetland

65% match

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

64% match

Loading thumbnail…

Earthquakes

This example loads and parses a CSV file of notable earthquakes from 1900 to 1999, then displays basic file statistics—size in kilobytes, row count, and column count—in a large text element. The visualization emphasizes data loading and parsing over graphical rendering, using `d3.csv` to fetch and parse the remote dataset from a GitHub gist, and `d3.csvFormat` to calculate the raw data size. The code also demonstrates an alternative `fetch`-based approach with `d3.csvParse`, though the active path uses the simpler `d3.csv` promise interface.

JJunying Li

62% match

Loading thumbnail…

Gist a61b3f54da810f6e9490

This example demonstrates how to map and animate earthquake data from the USGS CSV feed using CartoDB’s mapping tools. It shows temporal earthquake occurrences through an interactive map, with points updating over time. The code relies on CartoDB’s SQL API and JavaScript library for layer management, alongside D3.js for data-driven visualizations. It also integrates Chart.js for supplementary graphs and uses dynamic styling via CartoDB’s tile rendering. The visualization highlights both spatial distribution and time-based animation of seismic events.

Aandrewxhill

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

60% match

Loading thumbnail…

Fork of A5_BubbleChart

This bubble chart maps earthquake locations using longitude and latitude coordinates, with each steelblue circle representing a seismic event. The visualization plots raw geographic data points without magnitude encoding, emphasizing spatial distribution over intensity. The code uses D3 v7’s `d3.csv` for data loading and `d3.scaleLinear` with `d3.axisBottom` and `d3.axisLeft` to construct axes. SVG circles are positioned via the `xScale` and `yScale` functions, rendering the dataset from the provided external CSV file into an 800×600 pixel chart.

Vvinodreddysagam929@gmail.com

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

59% match

Loading thumbnail…

DataKind Workshop | Demo

This demo shows New York State sewage overflow reports as a bubble map, where each bubble’s size represents the volume of gallons discharged, ordered from largest to smallest. The visualization is built with CartoDB, using its hosted map tiles and an embedded iframe that loads a preconfigured SQL query. The map applies CartoCSS styling to handle null volume values, and the underlying data comes from a public CSV hosted at Nijel.org.

Aandrewxhill

59% match