TP 6 DataViz v2

100%

TP 6 DataViz v2

✓ Published0🌍 Public

Last edited Dec 21, 2016

Created on Dec 21, 2016

This example visualizes voting records from the French National Assembly, focusing on votes from 2015. It parses JSON data from `scrutins_test.json` to extract lists of legislators who voted for or against each motion. The visualization is built using D3 v4, setting up an SVG canvas and defining a force simulation with `d3.forceSimulation`, `d3.forceLink`, `d3.forceManyBody`, and `d3.forceCenter`. Although the code currently contains commented-out sections for rendering nodes and links, it prepares the data structures that would be used to draw a network graph.

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>

mit Licensed

Similar vizzes

Loading thumbnail…

TP 6 DataViz v2

This example visualizes voting patterns in the French National Assembly during 2015, showing links between deputies who voted together on the same side of a motion. The code processes JSON data from `scrutins_test.json`, extracting "pour" and "contre" votes for each scrutin and counting co-occurrences to build a weighted link network. It uses D3 v4’s `d3.forceSimulation` with link, charge, and center forces, though the rendering code for nodes and links is commented out. The SVG output is prepared but no actual visualization is displayed in the provided version.

NNaram22

95% 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

93% 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

90% match

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

90% 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

90% match

Loading thumbnail…

TP 6

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.

RRomyRatolojanahary

89% 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

89% match

Loading thumbnail…

TP 6 DataViz v2

This visualization displays a force-directed network of French National Assembly members, with nodes representing individual representatives colored by their political group. Edges connect members who frequently voted together on legislative proposals during 2015, with thicker links indicating a higher number of shared votes. The data is parsed from a JSON file containing detailed voting records, and the chart is built using D3 v4’s `d3.forceSimulation` with link, charge, and center forces. Node dragging is enabled via `d3.drag`.

NNaram22

89% match