Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

IUK SWOT 01

Public visualization

Viewing a saved revision (read-only)

1c17aa4ab18c45fb8e03b2af5a220a23

IUK SWOT 01

1 star0🌍 Public
CChaco van der Sijp
Last edited Sep 6, 2021
Created on Sep 2, 2021
Forked from D3 Starter

This example shows a SWOT analysis as a force-directed network of colored circles. The circles, each representing a node, are categorized into six groups (based on the `i % 6` index) and colored by their assigned SWOT category (strength, weakness, opportunity, threat) with distinct color codes. Using D3.js v6, the simulation employs `d3.forceSimulation` with `forceCollide`, `forceX`, and `forceY` to arrange the circles into distinct spatial domains determined by sine and cosine coordinates. The visualization animates each circle's radius and fill opacity over time, using SVG rendering and transitions to create a dynamic, evolving pattern.

AI-generated description

A demonstration of how a SWOT chart can be visualised.