TP 6

100%

✓ Published0🌍 Public

Last edited Dec 17, 2016

Created on Dec 17, 2016

This network visualization reveals voting patterns among French National Assembly members during 2015, using a force-directed layout. Nodes represent individual legislators, while links connect those who voted identically more than 50 times, with stroke opacity reflecting vote-share intensity. The code processes two JSON datasets—scrutins and acteurs—to construct the graph, then uses d3.forceSimulation with link, charge, and center forces. Node colors map to political groups via d3.scaleOrdinal. The visualization renders in SVG, with a tooltip on hover for additional detail.

AI-generated description

Built with blockbuilder.org

forked from <a href='http://bl.ocks.org/nbonneel/'>nbonneel</a>'s block: <a href='http://bl.ocks.org/nbonneel/91f6d433810029851e170ba668436340'>TP 6 DataViz</a>

forked from <a href='http://bl.ocks.org/RomyRatolojanahary/'>RomyRatolojanahary</a>'s block: <a href='http://bl.ocks.org/RomyRatolojanahary/da4ea3082113214272a385788490d3ec'>TP 6 DataViz</a>

forked from <a href='http://bl.ocks.org/RomyRatolojanahary/'>RomyRatolojanahary</a>'s block: <a href='http://bl.ocks.org/RomyRatolojanahary/fd6c548e40d15bf306976cebddee7f42'>TP 6 </a>

mit Licensed

Similar vizzes

Loading thumbnail…

TP 6

This force-directed graph visualizes voting patterns among French National Assembly members during 2015. The code processes `scrutins.json` to identify pairs of politicians who voted identically, counts their shared votes, and displays links for pairs with more than 50 common votes. Built with d3.v4, it uses `d3.forceSimulation`, `d3.forceLink`, `d3.forceManyBody`, and `d3.forceCenter` to position nodes, with link thickness scaled by vote count. SVG circles represent individual actors, and the layout reveals clusters of political allies.

RRomyRatolojanahary

95% match

Loading thumbnail…

TP 6 DataViz

This visualization maps voting patterns among French parliamentary members in 2015, showing clusters of legislators who frequently vote together. Nodes represent individual actors, while links connect pairs who shared at least 20 joint votes, with link thickness scaled by vote count. The code processes JSON files from `scrutins.json` and `acteurs_simple2.json` using a D3 force-directed layout, specifically `d3.forceSimulation` with link, charge, and center forces. The SVG rendering uses color-coded circles and lines, built with D3 v4 and queue.js for loading data.

RRaphael-Diana

94% match

Loading thumbnail…

TP 6 FV

A force-directed network graph visualizes voting cohesion among French National Assembly members during 2015. The nodes represent individual legislators, while links connect pairs who voted the same way, with link thickness reflecting the frequency of shared votes. The layout uses D3 v4's `forceSimulation` with `forceLink` and `forceManyBody` to position nodes and reveal clusters of political alignment based on the JSON vote data. Node colors derive from `d3.scaleOrdinal`, and the SVG rendering displays the resulting structure.

RRomyRatolojanahary

94% match

Loading thumbnail…

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

94% match

Loading thumbnail…

TP 6 DataViz 1

A force-directed network graph displays relationships between French National Assembly members based on shared voting patterns. Nodes represent individual politicians, while links connect pairs who voted together frequently in legislative roll calls. The graph is generated from two JSON datasets: vote records (`scrutins.json`) and member information (`acteurs_simple2.json`). Using D3.js v4, the visualization applies `d3.forceSimulation` with link, many-body, and centering forces to position nodes, and renders as SVG circles and lines. The code includes a drag-and-drop interaction that temporarily increases simulation alpha for manual exploration.

LLaippe

94% match

Loading thumbnail…

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

93% match

Loading thumbnail…

TP 6 DataViz v2

A force-directed graph shows voting coalitions among French National Assembly members, based on 213 roll-call votes from 2015. Nodes represent legislators, colored by their political group, while links connect those who voted together at least 20 times, with stroke width reflecting co-voting frequency. The visualization uses D3 v4's `d3.forceSimulation`, `d3.forceLink`, and `d3.forceManyBody`, processing JSON data from `scrutins_test.json` with SVG rendering and drag interaction.

NNaram22

92% match

Loading thumbnail…

TP 6 : Vote à l'assemblée

The visualization shows a network of French National Assembly members and their voting positions on a specific ballot, grouped by political affiliation. It uses a force-directed graph layout where nodes represent individual legislators and links indicate shared voting behavior, with node colors encoding party groups. The graph is rendered as an SVG using D3.js v4, with the `d3.forceSimulation` API handling the physics-based layout (link forces, many-body repulsion, and centering). Data comes from the `scrutins.json` file, which contains the official roll-call vote records, detailing how each deputy voted.

MMelanieSalignat

92% match