Skip to main content
SimilarExport ZIP
100%

Eatrhquakes in Turkey

✓ Published0🌍 Public
Gguangxinhu
Last edited Sep 19, 2019
Created on Sep 19, 2019

This visualization shows earthquake frequency in Turkey across a range of years, with a bar plot where the X-axis encodes time and the Y-axis represents the total quake count. Colors distinguish each city’s contribution. The chart is built using Vega-Lite’s API (registered with Vega and rendered to SVG), pulling data from a CSV file via d3.csv. The bar marks are configured with a fixed width and opacity, and axes use a customized color scheme for improved readability.

AI-generated description

Year and city statistics of earthquakes in Turkey.</br> The visualization shows Earthquake Data in Turkey.</br> It's a bar plot.</br> The X-axis represents the years, and the Y-axis represents the total number of earthquakes. Different colors represent different cities in Turkey.

MIT Licensed

Similar vizzes

Loading thumbnail…

Earthquakes in Turkey

This visualization plots earthquake events across Turkish cities. Each point represents a single earthquake, with the x-axis showing the city, the y-axis showing the earthquake's magnitude (richter scale), and the color encoding the depth. The visualization uses the Vega-Lite API with a D3 data loading function, pulling CSV data from a GitHub gist. Points are rendered as semi-transparent circles with a tooltip displaying the magnitude on hover.

Gguangxinhu
87% match
Loading thumbnail…

Number of Earthquakes across continents

A bar chart displays the number of significant earthquakes per year across continents, colored by continent, with a range slider below to filter the displayed years. The visualization uses the Vega-Lite API with D3.js to load and process earthquake data from a CSV file, aggregating counts per year and continent. A brush selection on the year axis enables interactive filtering, while clicking on continent legend entries highlights specific regions, with opacity adjustments indicating selection state.

VVarun Eranki
69% 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
68% match
Loading thumbnail…

Worldwide Earthquake stats 2000-2015

This visualization displays earthquake frequency by magnitude range from 2000 to 2015, using four smoothed lines to represent counts of quakes in the 5-5.9, 6-6.9, 7-7.9, and 8.0+ categories. The chart, built with D3 v5, uses `scaleTime` for the year axis, `scaleLinear` for the count axis, and `line` with `curveBasis` for the smoothed paths. Each magnitude range has a distinct color, with a legend and title included. Data comes from an external CSV file in the Data Canvas Sense Your City dataset.

Aandrewtran1991
68% match
Loading thumbnail…

Significant Earthquake Database

This visualization plots significant earthquake events from NOAA’s Significant Earthquake Database as circles, with the x-axis showing the year and the y-axis showing magnitude. Circle color encodes earthquake duration in seconds, and hovering reveals the magnitude via tooltip. Using Vega-Lite API with d3.csv for data loading, the chart renders in SVG across the full viewport. The code configures axis styling and dark text through a custom Vega-Lite config object, with marks set to semi-transparent circles for overlapping event visibility.

Gguangxinhu
67% match
Loading thumbnail…

yi xiao heatmap

This heatmap visualizes earthquake occurrences across U.S. states by year, with color intensity representing the number of earthquakes per state-year combination. The x-axis is sorted by total earthquake count, while the y-axis orders years chronologically. Built with Vega-Lite and D3, it uses a `rect` mark with a red color scale and tooltips revealing exact values. Data comes from a CSV file fetched via D3’s `csv` function, then transformed from wide to long format before being passed to Vega-Lite’s encoding. The visualization is rendered as SVG with a custom configuration for improved readability.

SSagarikaS
67% match
Loading thumbnail…

Worldwide Earthquake stats 2000-2015

This visualization displays earthquake statistics from 2000 to 2015, plotting the count of magnitude 8.0+ earthquakes per year as orange circles on an SVG canvas. The data is loaded from a CSV file and rendered using D3 v5’s `scaleLinear`, `axisBottom`, `axisLeft`, and `select` APIs, with gridlines generated via `tickSize`. Circle positions map year and earthquake count through the x and y scales, while axis labels and a title are added as SVG text elements.

Eedxiao97
66% match
Loading thumbnail…

Earthquakes

A heatmap displays earthquake counts for U.S. states from 2010 to 2015, with color intensity varying by magnitude category. A dropdown menu allows filtering by category range, while hovering over cells reveals exact counts via a tooltip. The visualization uses D3 v5 with SVG rendering, employing `d3.scaleQuantize` for color mapping, `d3.nest` for data grouping, and `d3.csv` to load the dataset.

Ccyanea1
66% match