Skip to main content
100%

Gist f0ea84b0d4d50604c405f5b74db1b498

✓ Published0🌍 Public
WWill Carter
Last edited Feb 15, 2021
Created on Feb 15, 2021

This example visualizes the relationships between a set of JavaScript frameworks and their descriptions using a force-directed graph built with Vue.js and D3’s `d3.forceSimulation`. The graph reads from an inline `category.csv` dataset, mapping each of the three categories—Node.js, Vue.js, and Angular.js—to its respective description. Nodes are rendered as circles, with labels displayed alongside, while the simulation drives their positions through charge and link forces. The visualization demonstrates a compact, interactive network layout, though it does not include drag behavior or hover interactions beyond the static arrangement. The code relies on Vue’s reactivity to update the DOM as the simulation runs.

AI-generated description

Similar vizzes