Viewing a saved revision (read-only)
696fa15bef67435b8925bac59db62ae2
activity 6_Task 2
This example shows a clustered force-directed network of nodes and links, with each cluster assigned a distinct color and labeled by a numeric ID. It uses `d3.forceSimulation` with `d3.forceLink`, `d3.forceManyBody`, and `d3.forceCenter` to position the nodes, while `d3.drag` enables interactive node movement. The labels are rendered as SVG text elements, and the visualization reads its data from a remote JSON source. Node positions update continuously through the simulation’s `tick` event, redrawing both the connected links and the labeled nodes.
AI-generated descriptionThe impact of genre on movie ratings
This stacked bar chart gives the percentage of each rating level within different movie genres. The aim is to show the impact of genre on movie ratings. When the mouse hovers over each bar, you can see pop-ups of accurate percentage of each rating level within each genre. Total percentage is 1, representing 100%.