Fork of AI Research Project (initial backup)

100%

Fork of AI Research Project (initial backup)

✓ Published0🌍 Public

Last edited Aug 14, 2023

Created on Aug 14, 2023

This interactive visualization combines a choropleth map with a linked time-series histogram to explore global AI research publications from 1996 to 2022. The map colors countries by publication totals using a sequential blue scale, with bubble sizes reflecting aggregated output for a selected year range. Users can brush the time-series chart to filter the map, dynamically recomputing summed data across years. Built with React and D3 v5, the example uses `geoNaturalEarth1` and `geoPath` for map projections, `scaleSequential` with `interpolateBlues` for coloring, and `brushX` for interactive selection, with data sourced from a CSV and world-atlas TopoJSON.

AI-generated description

A world map showing cities with population greater than 50,000. City data from Simplemaps: World Cities Database.

Country boundaries from World Atlas TopoJSON, polished for visual style, including graticules.

This iteration is optimized for performance using React's useMemo hook.

MIT Licensed

Similar vizzes

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

86% match

Loading thumbnail…

Fork of Add something new (almost done)

This interactive choropleth world map visualizes scientific publication counts by country, with bubble sizes representing publication totals for selected time periods. A color legend allows hovering to highlight specific publication ranges while fading others. The visualization includes a linked histogram showing total publications over time, featuring brush controls that filter the map data by year range. Built with React and D3 v5, the project uses `geoNaturalEarth1` and `geoPath` for geographic rendering, `scaleSequential` with `interpolateBlues` for the color scale, and `brushX` for time filtering. Data comes from a CSV dataset of publication records.

AAbdullah Al Munem

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

79% match

Loading thumbnail…

Add something new (will be continue..)

This interactive visualization combines a bubble map and a time-series histogram to explore global publication trends from 1996 to 2022. The map displays countries colored by publication totals using a sequential blue scale, with circles sized proportionally to publication counts via `scaleSqrt`. A brush on the histogram filters the map by date range, dynamically updating the displayed data. Built with React and D3 v5, it uses `geoNaturalEarth1` projection, `geoPath`, and `geoCentroid` for geographic rendering, alongside `brushX` for interactive filtering.

AAbdullah Al Munem

78% match

Loading thumbnail…

Fork of 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.

JJason

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

76% match

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

75% match

Loading thumbnail…

Fork of Colorpleth Map with interactive filtering

This interactive choropleth map displays global economic data by country, where users can click legend items to filter and highlight specific categories. Built with React and D3 v5, the visualization uses d3.geoPath, d3.geoNaturalEarth1, and d3.scaleOrdinal to render an SVG world map. The map and color legend respond to clicks by adjusting opacity, dimming non-selected countries and legend ticks. Data comes from the world-atlas package, which combines TopoJSON geometries with TSV metadata.

SstellaWangg

73% match