Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE5

Public visualization

ICE5

0 stars0🌍 Public
Ppethavenu
Last edited Mar 1, 2023
Created on Mar 1, 2023

This visualization displays earthquake regions using a React and D3.js framework. It loads earthquake data from a remote CSV file and uses D3’s `d3.csv` method to parse the dataset. The page provides a link to the source data and renders the geographic information through an embedded SVG reference. The visualization abstracts the SVG and group containers using a `VizContainer` component that follows the margin convention, making the layout modular and customizable.

AI-generated description

Boilerplate code for a React + D3 visualization with:

  • CDN links for React, ReactDOM, and D3
  • Basic React boilerplate
  • Variables for dimensions and margins
  • A VizContainer component that:
    • Abstracts SVG/group container elements
    • Follows the margin convention
    • Show the margins, which can be easily removed by deleting the showMargins={true} prop

Comments

Sign in to join the discussion.

MIT Licensed