Homework 6 last

100%

Homework 6 last

✓ Published0🌍 Public

Last edited Mar 17, 2017

Created on Mar 16, 2017

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.

AI-generated description

The scatterplot illustrates numbers of earthquakes worldwide in the past 7 days. Large numbers of earthquakes in California are emphasized on the graph. The main objective of this graph is to compare intensity, amount, and average of earthquakes worldwide vs in California. In the last 7 days, 53% percentage of all earthquakes on our planet occurred in California. The high amount of seismic activity on the West coast is caused by the movement of the Pacific and North American plates. Although California has the most earthquakes versus the rest of the world, the magnitude of California’s earthquakes are not as dangerous compared to earthquakes worldwide. The highest magnitude of California’s earthquakes reaches 3.72 vs the magnitude of 6 worldwide and the average magnitude in California is 1.01, whereas, the average worldwide is 1.53.

Open Blockbuilder https://bl.ocks.org/AnaMal08/4772fba2b14f98e827eed17b7ef9ba9d

https://bl.ocks.org/AnaMal08/raw/4772fba2b14f98e827eed17b7ef9ba9d/

Similar vizzes

Loading thumbnail…

homework 6

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.

AAnaMal08

96% match

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

94% match

Loading thumbnail…

Class 6 ScatterPlot

This visualization plots earthquake magnitudes against time over a week, using a scatterplot with circles positioned by time on the x-axis and magnitude on the y-axis. The code overlays a line path connecting the data points via d3.line, though the primary focus is the scatter of events. It loads live data from the USGS earthquake feed as CSV, parses timestamps with d3.utcParse, and applies d3.scaleTime and d3.scaleLinear for axes. The SVG is rendered with D3 v4, and hovering over a dot turns it red. The visualization also attempts to add a legend, but the referenced color scale is undefined, so no legend appears.

MMTClass

77% match

Loading thumbnail…

California Earthquakes

This visualization maps California earthquakes from the USGS live GeoJSON feed onto a state map. Red dots mark earthquake epicenters, sized by magnitude, with hover interactions showing details in a corner panel. The map uses a conic conformal projection for California state plane coordinates, rendered with D3 v4 and default SVG paths via the `d3.geoPath` API. County and state boundaries come from a TopoJSON source, processed using the TopoJSON client library, while the earthquake layer is drawn after the map is projected.

MMTClass

75% match

Loading thumbnail…

in class scatterplot March 16 long/mag

This scatterplot maps earthquake longitude against magnitude, with each circle representing a single seismic event from the USGS GeoJSON feed. The chart clearly shows the distribution of earthquake strengths across global longitudes, using a linear scale for both axes. Built with D3 v3, the visualization employs `d3.scale.linear` for coordinates, `d3.svg.axis` for tick marks, and `d3.scale.category10` to color the dots. The SVG rendering includes axis labels, and a legend is attempted, though the color domain contains no actual categories.

MMTClass

74% match

Loading thumbnail…

Class 6-MT

This example plots earthquake magnitude against time over the past week, combining a red line through the data points with a blue scatterplot of individual events. The visualization uses D3 v4's `d3.csv` to load data from the USGS earthquake feed, `d3.scaleTime` and `d3.scaleLinear` for axes, and `d3.line` for the trend line. Circle elements mark each quake’s magnitude, with gridlines added via custom axis functions, all rendered as SVG.

MMTClass

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

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