Gregory-Howard

@Gregory-Howard·13 public vizzes

Qui possède quoi

This interactive network diagram maps the ownership structure of French media outlets, revealing which individuals and companies ultimately control specific newspapers, magazines, and radio stations. It visualizes hierarchical relationships through a force-directed graph, with edges representing ownership percentages and nodes categorized as ultimate owners, intermediate groups, or media properties. The visualization uses D3.js v3’s force layout to position nodes, with SVG circles and rectangles for entities. Data comes from a CSV file containing ownership chains, parsed and converted into JSON for hierarchical linking, and the interface is built with Vue.js.

Jan 11, 2017

Loading thumbnail…

A qui appartiennent les médias?

This visualization maps the ownership hierarchy of French media outlets, showing how individuals and parent companies ultimately control various newspapers, magazines, radio stations, and websites. It displays a network of nodes representing owners, corporate groups, and media titles, with connections illustrating the percentage of ownership at each level. The data, sourced from the CSV file `basemedia.csv`, is presented using the D3.js force-directed layout (d3.forceSimulation), rendered as SVG elements. The interactive view allows zooming and dragging to explore the relationships.

Jan 9, 2017

Loading thumbnail…

A qui appartiennent les médias?

Jan 9, 2017

Loading thumbnail…

Jam Cellar 2014-05-06

This visualization maps the ownership structure of French media outlets, showing which individuals or companies ultimately control various newspapers, magazines, and radio stations. It uses a node-link diagram where possessors, holding groups, and media outlets form a hierarchical network. The layout is generated with D3.js v3, using a force-directed algorithm to position nodes, while SVG elements render the graph. Data is loaded from a semicolon-delimited CSV file, and the styling includes highlighted nodes for active elements.

Jan 6, 2017

Loading thumbnail…

Jam Cellar 2014-05-06

This example maps media ownership in France using a two-tier node-link diagram that shows which owners control which publications. The view separates inner nodes for media outlets from outer nodes for corporate owners, with links indicating ownership stakes and percentages. It uses D3 v3 scales and custom layout logic to position nodes, and renders the structure as SVG with interactive highlighting. The data comes from a JSON file listing ownership relationships across French media properties.

Jan 4, 2017

Loading thumbnail…

fresh block

This interactive map visualization plots geolocated tweets across New York City’s fire divisions over time. The view displays colored borough regions overlaid with small circular markers for each tweet’s coordinates, with a slider to step through days and a control to adjust the map’s zoom scale via d3.geo.mercator and d3.geo.path. The code uses d3.v3, TopoJSON for boundary data, and scales for color and opacity.

Dec 30, 2016

Loading thumbnail…

Jam Cellar 2014-05-06

This visualization maps French media ownership as a concept map, showing which proprietors (Claude Perdriel, Prisa, Pierre Berge, Xavier Niel) control various publications like *Le Monde* and *L’Obs*. Each inner node represents a media outlet, linked to outer nodes showing ownership layers with percentages. Built with D3 v3 and Vue, it uses SVG for rendering and `d3.scale.linear` for layout, with data loaded from a JSON file via `d3.json`. Links and nodes are sorted and positioned programmatically to highlight ownership hierarchies.

Dec 15, 2016

Loading thumbnail…

tp5

This interactive map of French regions displays influenza rates over time, with a slider that lets users step through weekly data from 2003 to 2014. The choropleth colors each region according to the current week’s value, using a quantile color scale. Tooltips reveal the region name and exact rate on hover. The code uses D3 v3’s `d3.geo.conicConformal` projection and `d3.geo.path` for rendering, while the data comes from CSV files of regional flu surveillance statistics.

Dec 8, 2016

Loading thumbnail…

tp5

A choropleth map of French regions animates weekly influenza case counts from 2003 to 2014, with a slider to scrub through time. The map uses a D3 conic conformal projection and a quantile color scale applied to region polygons derived from a GeoJSON file. The data comes from a CSV file loaded with d3.csv, and the visualization updates region fills and tooltips via a d3 slider input.

Dec 8, 2016

Loading thumbnail…

tp4

This interactive choropleth map displays weekly influenza case counts across French regions for 2014. A slider lets users step through each week, updating region colors through a quantile scale. The visualization uses D3 v3 with `d3.geo.conicConformal` for projection, `d3.geo.path` for rendering GeoJSON regions, and a custom tooltip on mouseover. Data comes from the GrippeFrance2014.csv file containing weekly regional counts.

Dec 5, 2016

Loading thumbnail…

entrainement graph

This interactive force-directed graph visualizes the hierarchical structure of the Flare dataset, with collapsible nodes and animated transitions. Built with D3 v3, it uses `d3.layout.force` for physics-based layout and `d3.layout.tree` to compute links from the nested JSON data. Node size reflects leaf data values, while color distinguishes collapsed, expanded, and leaf nodes. Clicking a node toggles its children, restarting the force simulation to re-layout the graph.

Nov 23, 2016

Loading thumbnail…

training

A data plot shows a polyline connecting five fixed data points across a Cartesian coordinate system. The chart maps x and y values through d3.scaleLinear, with the line rendered using d3.line and styled with a steelblue stroke. The SVG canvas is generated by appending an SVG element to the body via d3.select, and the data is loaded directly from a JavaScript array using d3.data.

Nov 10, 2016

Loading thumbnail…

fresh block

A simple bar chart displays five hardcoded values—10, 30, 15, 20, and 100—as vertical rectangles. The chart uses D3 v4’s selection and `append` API to create SVGs directly: `d3.select("body").append("svg")` builds the canvas, then `.selectAll("rect").data(data).enter()` generates bars whose height, y-position, and opacity are derived from each data value. Text labels repeat the same numbers below each bar using `d3.selectAll("text")`, with fixed styling for font size and monospace family. All geometry and styling are set via SVG attributes and styles, with no axes or gridlines present.

Nov 10, 2016