TP6 (V4)

TP6 (V6)

A force-directed network diagram maps the voting cohesion of French parliament members, with nodes colored by political group and link thickness indicating voting agreement scores. The visualization uses d3.forceSimulation with link, charge, and center forces, rendering SVG circles and lines. Node drag interaction is enabled via d3.drag, and a legend built from CSV data identifies each group's color. The JSON dataset provides individual member names, group IDs, and pairwise voting scores.

92% match

TP6 (V5)

A network visualization displays French parliamentarians as colored nodes, linked by shared voting patterns, with node color representing political group and link thickness indicating vote similarity. The interactive force-directed layout uses d3.forceSimulation with link, charge, and center forces, allowing nodes to be dragged. Built with D3 v4 and rendered as SVG, it loads JSON data for the graph and a CSV for the legend.

90% match

TP6 (V3)

This network visualization shows connections between French parliament members, with each node colored by political group and a legend identifying those groups. The code uses d3.forceSimulation with link and charge forces to position nodes, while drag interactions let users rearrange the graph. Node and link data come from JSON files, with group names loaded from a CSV. Rendering is done via SVG elements, with node labels available as tooltips and link thickness scaled by connection strength.

88% match

TP 6 DataViz 2

A force-directed network graph maps voting patterns among French National Assembly members, filtering links to those with at least 15 shared votes. Nodes are colored by political group and labeled with member names and affiliations. The visualization uses D3 v4’s `d3.forceSimulation`, `d3.forceLink`, and `d3.forceManyBody` with SVG rendering. Data comes from the `scrutins.json` parliamentary roll-call votes and `acteurs_simple2.json` member metadata, loaded via the `queue` library.

LLaippe

TP 6

This example visualizes voting patterns among French parliamentary actors during 2015, showing a network of lawmakers connected by shared votes. It uses a force-directed graph built with `d3.forceSimulation` and SVG rendering, where nodes represent individual actors and links indicate pairs who voted identically on a given scrutin. The code processes `scrutins.json` data, counting co-votes for both "pour" and "contre" positions, then filters links to include only those with more than 20 shared votes. Node colors are assigned via `d3.scaleOrdinal` with `d3.schemeCategory20`.

BBrunoDumas

TP6 (V2)

This example visualizes a network of French parliament members, showing connections between them with node color indicating political group affiliation and link thickness representing tie strength. It uses a force-directed graph layout via `d3.forceSimulation` with link, charge, and center forces, rendering nodes and links as SVG elements. Node colors map to party groups using a custom `d3.scaleOrdinal`, and a legend generated from CSV data labels each color. The graph loads data from JSON and CSV files, and supports dragging nodes to reposition the simulation.

TP6 (V2)