Fireballs round 3

100%

Fireballs round 3

✓ Published0🌍 Public

Last edited Jan 14, 2020

Created on Jan 12, 2020

This visualization shows the movement of foreign soccer players between countries and clubs in the Chinese Super League, using a force-directed network with SVG rendering. The code uses `d3.forceSimulation` and a custom `bboxCollision` force to position country, team, and player nodes, with links representing player transfers. Data comes from the `csl_foreign_players.csv` file, and the visualization is built with D3 v4 within a React framework.

AI-generated description

A bare minimum HTML page. Porject is work in progress. See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fireballs round 2

This example visualizes fireball impact data from NASA, showing each event as a link in a force-directed graph. The code maps impact energy to link sources (categorized into ranges), with targets as the calculated impact energy values and types as full event details. Using d3.forceSimulation, it renders curved SVG path links between nodes, with circles and labels for each node. The data is loaded from a CSV file and processed with d3.csv, and the visualization supports drag interactions on the nodes.

SSurabhiSrivastavaGaur

74% match

Loading thumbnail…

Fireballs round 2

This visualization displays fireball impact events from NASA’s Center for Near Earth Object Studies dataset, using a force-directed graph to show relationships between impact energy categories and event details. The code employs d3-force.v2 for the simulation and D3’s layout.force API to position nodes and links, with SVG markers and elliptical arcs to encode directional links. Energy values are discretized into bins, and each link connects an energy range to a descriptive label containing the event’s timestamp, latitude, longitude, and calculated impact energy in kilotons. The visualization relies on d3.csv for data loading and React for the application framework.

MMichael Milano

72% match

Loading thumbnail…

Fireballs Through Time

A force-directed network diagram maps fireball impact energy and timing from NASA's CNEOS fireballs dataset. Central nodes represent energy ranges (e.g., "0-0.15" kilotons) with linked satellite nodes showing individual events and their date, location, and energy. The visualization uses `d3.forceSimulation` with `forceLink`, `forceManyBody`, and `forceX`/`forceY` to position interactive, draggable circles rendered as SVG. Impact energy is categorized into logarithmic bins, revealing clusters and outliers over the May 2017–December 2019 period.

MMichael Milano

70% match

Loading thumbnail…

Gist 08396e82bf7fe86a88d9a131f1a2654d

This visualization shows a force-directed network of football (soccer) players, with each node representing a player and edges likely indicating team or shared-match connections. The code uses `d3.forceSimulation` to calculate node positions and applies a custom weighting scheme to influence node size or opacity, though the rendering itself is not shown in the snippet. The weighting logic, defined in `out_weights.py`, modifies each player’s outgoing influence by subtracting fixture difficulty and form (scaled by 10), adding a small penalty for low play chance, and reducing weight for goalkeepers (element type 1). The data source is a pandas DataFrame of player statistics, and the visualization is part of an interactive dashboard built with JavaScript.

CConorAspell

69% match

Loading thumbnail…

Fork of Dashboard - Final Project - FIFA 19 Dataset

This dashboard visualizes the FIFA 19 dataset, showing player distribution across countries and clubs. A world map displays the number of players per nationality using circles sized with `d3.scaleSqrt`, with zoom and brushing interactions. A Sankey diagram connects nationalities to clubs, using `d3.sankey` with draggable nodes and tooltips. The visualization uses React, D3 v4, and TopoJSON, rendering as SVG.

PPriscylla Silva

68% match

Loading thumbnail…

Soccer Play-by-Play

This visualization animates soccer play-by-play data from a match between Belgium and Brazil, showing passes and dribbles as moving circles and trailing lines on a pitch. Each action is color-coded by team, with the current action labeled above the field and results like failures or offsides distinguished by color. The animation advances through time using d3.interval, updating the circle position every 800 milliseconds and drawing lines for the five most recent actions. It uses the d3-soccer pitch layout, d3.scaleLinear for coordinates, and d3.transition for smooth movement.

Nnatecoursey-mck

68% match

Loading thumbnail…

Gist 10ad2f6c126f2280c720ff15922f5a5a

This visualization is a force-directed network diagram of a fantasy football team, mapping player connections through shared club or selection data. It shows each player as a node with a label, while weighted links between them are computed and rendered in real time. The code uses `d3.forceSimulation` with `forceLink`, `forceManyBody`, and `forceCenter` to arrange nodes, and `d3.geoPath` is not used—instead, links are drawn as SVG lines and nodes as circles. Player weights from the CSV file (e.g., 14.6 for Lacazette) are encoded via node radius, and the visualization updates smoothly with `transition.attrTween` on position changes. Data comes directly from the embedded `player_weights.csv` array, parsed into JavaScript objects for the simulation.

CConorAspell

68% match

Loading thumbnail…

Fork of Soccer Scatter Plot

This scatter plot visualizes top football league scorers from 2018, plotting goals against shots for individual players. The visualization uses D3 version 7.8.5, employing `scaleLinear` for both axes, `axisLeft` for the y-axis, and custom axis label components from `@curran/axis-labels`. Circles represent players, colored by league (La Liga, Serie A, Bundesliga, Premier League) via a switch statement, with opacity and radius set to fixed values. The code filters data by year and uses `observeResize` from `@curran/responsive-axis` to handle responsive dimensions.

Eeschuman20@gmail.com

68% match