Fork of Scatter plot for AI Research

100%

Fork of Scatter plot for AI Research

✓ Published0🌍 Public

Last edited Sep 22, 2023

Created on Sep 22, 2023

Forked from Scatter plot for AI Research

This interactive scatter plot visualizes AI research metrics by country, allowing users to compare attributes like citations, documents, and H-index through dropdown menus. The visualization uses React with D3 v5 scales and SVG rendering, featuring a color legend that highlights individual countries on hover while fading others. Data comes from a SCImago Journal Rank CSV file, processed with D3's csv parser and sorted by citation count before display.

AI-generated description

A scatter plot of The Iris Dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

Scatter plot for AI Research

This interactive scatter plot visualizes AI research metrics across countries, drawing data from the SCImago Journal & Country Rank dataset. Users can select different attributes such as Citations, Documents, or H-index for the x- and y-axes via dropdown menus. The visualization uses d3.scaleLinear for axes, d3.scaleOrdinal with schemeTableau10 for country color encoding, and shows a color legend with hover interactions that filter the displayed points. React renders the SVG elements, and the plot includes formatted axis labels and tooltips showing exact values.

AAbdullah Al Munem

94% match

Loading thumbnail…

Fork of Scatter plot for AI Research (almost done)

This interactive scatter plot visualizes research productivity metrics for countries from the SCImago Journal & Country Rank dataset, showing relationships between attributes like citations, documents, and H-index. Users can dynamically select which attributes appear on the x and y axes via React dropdown menus, while a color legend enables hovering to highlight specific countries and fade others through opacity adjustments. The visualization uses D3 v5 scales and SVG rendering within a React framework, with custom axis components, a color legend for the ordinal country scale, and D3’s CSV parsing to load and sort the underlying data.

AAbdullah Al Munem

93% match

Loading thumbnail…

AI Research Project

This interactive visualization explores global AI research output using a multi-tab interface. The main view presents a world map with points sized by total publications and colored by a sequential blue scale via `d3.scaleSqrt`, `d3.scaleSequential`, and `d3.geoPath`, alongside a linked histogram with a `d3.brushX` selection to filter data by year. Additional tabs feature a bar chart, stacked bar chart, line chart, and scatter plot, all built with React and D3 v5 that display top countries by metrics like citations, documents, and H-index from a Scopus country rank dataset. The visualizations are rendered as SVG elements.

AAbdullah Al Munem

81% match

Loading thumbnail…

Fork of Reusable D3 Scatter Plot

This animated scatter plot visualizes university rankings across multiple countries, cycling through four metrics: Research Environment, Students to Staff Ratio, Research Quality, and Industry Impact. Built with D3 v3, the chart uses distinct SVG symbols (star, square, circle) to represent different data dimensions, with axes updating every two seconds as the metric changes. The visualization leverages a reusable chart pattern, where the scatter plot component is separated into its own module and accepts configurable setters for data binding and scales.

Vvinodreddysagam929@gmail.com

79% match

Loading thumbnail…

Fork of Animated Scatter Plot with Menus

This interactive scatter plot visualizes a dataset of academic metrics, allowing users to switch between variables like citations, research, and teaching for both axes. Built with D3 v6, it uses reusable chart and menu components, with `d3.scaleLinear`, `d3.axisLeft`, and `d3.axisBottom` for rendering. The plot animates transitions via `d3.transition` when axes change, with circles growing on entry and repositioning smoothly. Data loads from an external CSV, and menus dispatch change events to update the plot’s x and y value accessors.

AABCDB15

78% match

Loading thumbnail…

Stylized Line Chart for AI Research

This interactive line chart visualizes trends in AI research publications from 1996 to 2022, allowing users to explore data for different countries via a dropdown menu. The visualization uses React for component structure and D3 v5 for scales, axes, and curve generation, with data loaded from a CSV file. SVG rendering displays a stylized line path with data points, implemented through the `line()` generator with `curveNatural` interpolation, while interactive tooltips provide detailed publication counts on hover.

AAbdullah Al Munem

77% match

Loading thumbnail…

Fork of dv.35 - interactive color legend

This interactive scatter plot visualizes the Iris dataset, mapping population attributes via dropdown menus with an axis-swap control. The color legend, built with D3’s `scaleOrdinal`, highlights points by country, dimming non-hovered marks via opacity changes. React manages state and renders SVG circles, axes, and labels, while D3’s `csv` loads the external data file.

HHowardHan99

77% match

Loading thumbnail…

Fork of country

This interactive scatterplot visualizes COVID-19 metrics across countries, plotting attributes like new cases against total cases on logarithmic-scaled axes. Each circle represents a country, colored by continent, with a legend to the right. The visualization uses React with D3 v5 scales (`scaleLinear`, `scaleOrdinal`) to render SVG marks and axes. Data is loaded asynchronously from a CSV file using D3's `csv` method, with dropdown menus allowing users to switch between different case and death metrics for the x and y axes.

Rrushithareddyy

77% match