homework 6

100%

✓ Published0🌍 Public

Last edited Mar 16, 2017

Created on Mar 16, 2017

This scatterplot compares earthquake magnitudes worldwide with those specifically in California over a one-week period, using light green for global data and red for California events. The code loads USGS earthquake data via `d3.csv`, parses timestamps with `d3.utcParse`, and renders SVG circles scaled by time on the x-axis and magnitude on the y-axis. California earthquakes are filtered by a bounding box, and the chart includes axis labels and text annotations showing the total counts for each region.

AI-generated description

Similar vizzes

Loading thumbnail…

homework 6

This scatterplot compares earthquake magnitude and timing worldwide over one week, with California earthquakes highlighted in red against green global data. It displays counts for both groups and notes that 53% of all earthquakes occurred in California. The code loads CSV data from the USGS earthquake feed, parses timestamps with `d3.utcParse`, filters California points using bounding-box coordinates, and renders circles with `d3.selectAll("dot").enter().append("circle")` on an SVG canvas. Axes are generated using `d3.axisBottom` and `d3.axisLeft`.

AAnaMal08

97% match

Loading thumbnail…

Homework 6 last

This scatterplot compares earthquake magnitudes over time worldwide versus those in California, using light green circles for global events and red circles for California-specific ones. It loads live data from the USGS earthquake API via d3.csv, parses timestamps with d3.utcParse, and renders an SVG with d3.scaleTime and d3.scaleLinear for axes. The visualization highlights that 53% of recent earthquakes occurred in California, with counts annotated directly on the chart.

AAnaMal08

96% match

Loading thumbnail…

homework 9.1

This interactive map displays global earthquake activity from the USGS feed overlaid on an OpenStreetMap basemap. Red paths outline the state boundaries of the United States, while each earthquake is drawn as a red path stroke using `d3.geoPath`. The view uses a Mercator projection with pannable and zoomable tiles via `d3.tile` and `d3.zoom`, and it shows geographic coordinates of the mouse position. The SVG rendering relies on TopoJSON for the boundary mesh and D3 version 4.

AAnaMal08

74% match

Loading thumbnail…

Simple histogram using v6

This histogram displays the distribution of earthquake magnitudes over two years, with the frequency of recorded values binned by month. The chart uses a time-scaled x-axis and a linear y-axis representing bin counts. Built with D3 v6, the code loads earthquake data from a CSV, parses dates with `d3.timeParse`, and applies `d3.bin` with monthly thresholds to group the values. Bars are rendered as SVG rectangles, with axes generated by `d3.axisBottom` and `d3.axisLeft`. The data is sourced from a local `earthquakes.csv` file.

Dd3noob

73% match

Loading thumbnail…

earthquake

This scatter plot visualizes earthquake frequency by year, with each orange circle representing a data point and the y-axis labeled "nums_of_earthquake." The visualization uses d3.csv to load data from a remote earthquakes dataset, d3.scaleLinear for both axes, and d3.axisBottom and d3.axisLeft to render tick marks and gridlines. The SVG chart is generated with d3.v5, applying margin-based layouts, axis labels, and a title, while styling circles and text through external CSS.

Eedxiao97

73% match

Loading thumbnail…

Data Visualization

This visualization displays earthquake data from a CSV file, plotting year on the x-axis, magnitude on the y-axis, and encoding depth via circle radius. The SVG scatterplot uses d3.csv to load data, then d3.scaleLinear and d3.scaleSqrt for scales, with d3.axisBottom and d3.axisLeft generating the axes. Colored steelblue circles with 0.5 opacity clearly reveal distributions of earthquake events across the recorded timeframe.

HHassaan Gul

73% match

Loading thumbnail…

AUnited States and World Earthquakes

This visualization compares earthquake activity in the United States with the rest of the world from 1970 to 2012, using two overlapping area charts rendered as SVG paths. The gray area represents global earthquake totals, while the green area shows U.S. earthquakes, with a hover effect turning circles green. It uses D3 v3 with the `d3.svg.area()` generator, `d3.time.scale()` for the year axis, and `d3.svg.axis()` for axes. Data comes from two CSV files loaded via `d3.csv`, sourced from the USGS Earthquake Hazards Program.

11pixelzz

72% match

Loading thumbnail…

D3 - Scatterplot

This scatterplot visualizes earthquake data, plotting the significance level of earthquakes on the x-axis against their magnitude on the y-axis. Built with React and D3 v7, it renders an SVG chart with a light gray background, labeled axes, and title. The code uses `d3.csv` to load data from a GitHub Gist, `d3.scaleBand` and `d3.scaleLinear` for axes, and `d3.axisBottom` and `d3.axisLeft` to generate ticks. Individual data points are drawn as purple circles with the `.dot` class, with the chart layout adjusted through SVG `rect`, `g`, and `line` elements.

CChandana Srinivas

72% match