AI - Infographic

100%

AI - Infographic

✓ Published0🌍 Public

Last edited May 11, 2015

Created on May 11, 2015

The infographic visualizes the diverse application areas of artificial intelligence, mapping a central AI node to sectors like healthcare, finance, marketing, recruitment, and dating, each branching into specific real-world companies and tools. The hierarchical edge-bundling diagram uses a force-directed layout from d3.v3, with curved links connecting parent and child nodes. SVG rectangles and text labels render each entity, while styled link classes differentiate connection types, such as the licensing and resolved relationships, using custom stroke dash arrays and colors. The data is embedded directly in the page’s JavaScript as an array of link objects.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist 7faa7393b88bcdb19822

This force-directed network diagram maps the diverse industries and companies where artificial intelligence is applied, centering on an "AI" node that branches into categories like Healthcare, Marketing, and Recruitment. The visualization uses a hierarchical link structure with dashed blue lines distinguishing major category connections from sub-connections. Built with d3.v3, the SVG rendering uses d3.forceSimulation to position nodes, with styling defined through CSS classes for different link types and node rectangles. The data, embedded directly in the code as a links array, shows specific company examples like IBM Watson and Spotify under their respective industry categories.

BBenHeubl

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

66% match

Loading thumbnail…

Some notes on AI / ML tools that seem interesting/useful (largely aiming to focus on open source tools)

This interactive data-visualization gallery maps the landscape of AI/ML tools, categorizing a curated gist of open-source projects and resources. It shows a network of interconnected nodes representing tools like Ollama, vLLM, and LangChain, grouped by categories such as SDKs, agents, and model hosting. Built with React and WebGL, the visualization uses a graph layout to display relationships and hierarchies, with the plain-text markdown content from the source gist serving as the underlying dataset. The interactive scene allows users to explore the tool ecosystem directly within the browser.

JJastor11

66% match

Loading thumbnail…

Gist 34f3e588a35b33357c08853c2370036b

This visualization catalogs AI tools and resources, organizing hundreds of links to libraries and APIs for foundation models, model development, vector databases, and multimodal systems. The layout groups entries by category—such as OpenAI function calling, Microsoft’s BitNet framework, and Hugging Face collections—using a hierarchical list format. It references tools like LM Studio for local deployment, Pyannote for speaker diarization, and Edge-TTS for text-to-speech, with GitHub repositories and documentation pages as primary sources. The rendering relies on standard Markdown headers and hyperlinks to create a browsable, text-based reference.

JJastor11

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

64% match

Loading thumbnail…

Untitled

This visualization shows a directed force-directed graph where nodes representing digital advertising and analytics technologies connect to related services, with links flowing between categories like ad exchanges, ad analytics, and testing platforms. The code builds the visualization using d3.forceSimulation to position nodes and animate the layout, with SVG circles and lines for rendering. The graph uses d3.v3, as indicated by the script import, and applies a dark theme with semi-transparent nodes and links, where text labels identify each technology node.

SStefan Apostol

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

63% match

Loading thumbnail…

Ai_Graph

This example visualizes a small social network with six named nodes connected by weighted links, rendered as an SVG force-directed graph. The node labels are displayed next to yellow circles with red borders, and link thickness reflects the weight value from the JSON data. The visualization uses d3.layout.force to simulate the physics, with a gravity of 0.05, a link distance of 150, and a charge of -100. Users can click and drag nodes to reposition them, with the tick handler updating line coordinates and node transforms in real time.

AAlankruthSai

61% match