Fork of Scatter plot for AI Research (almost done)

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

93% match

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.

92% match

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.

81% match

Vvinodreddysagam929@gmail.com

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.

78% match

Fork of Stylized Bar Chart for AI (backup)

This visualization displays a stacked bar chart of the top 15 countries by citations, plus Bangladesh, using data from the Scimago Journal & Country Rank dataset. The chart breaks down each country’s total citable documents into three stacked segments: citations, self-citations, and non-cited documents. Built with React and D3 v5, it uses `d3.stack`, `scaleBand`, and `scaleLinear` to compute the stack layout, while SVG `<rect>` elements render the bars with `d3.scaleOrdinal` for color encoding and tooltips for precise values.

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.

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

Fork of Stylized Scatter Plot

This interactive scatter plot displays country-level well-being indicators, with happiness score on the x-axis and a selectable y-axis metric (economy, social support, generosity, freedom, or corruption). Each circle represents a country, with an HTML `<title>` tooltip showing its exact happiness score. The React-based visualization uses D3 v5 scales (`scaleLinear`), axes (`AxisBottom`, `AxisLeft`), and CSV data loading (`d3.csv`) from a GitHub gist. Users switch the y-axis via a dropdown, triggering React state updates that re-render the SVG marks.

NNikithakatta30