Skip to main content
100%

Kaggle Santa 2018 Julia animation

✓ Published0🌍 Public
WWikunia
Last edited Dec 1, 2018
Created on Dec 1, 2018

This animation visualizes a path through 197,701 cities from the Kaggle Santa 2018 competition, distinguishing prime-numbered city locations in orange from the traversed route. The route starts with a zoomed-in view, then progressively expands to reveal the full path, with blue segments marking normal travel, green for every tenth step, and red indicating steps near prime cities. Built with Julia using Plots.jl, CSV.jl, and DataFrames, it generates frames via the `gr()` backend and assembles them into an MP4 with the `mp4` function at 20 fps.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist c5e80c4ef3f4d3ac5fc33ece65d1490a

This animated scatterplot uses a simulation to show how countries move through a 2D space over time, encoding data from a comprehensive country-level dataset. Each country is represented as a point, with attributes like population, area, fertility, and GDP driving the positions or sizes of the marks. The visualization leverages D3.js v4 for smooth transitions and animated updates, making the shifting distribution of countries across quantitative dimensions easy to follow. The SVG rendering and motion clarify changes in rankings or relationships between variables, turning a dense multivariate table into an explorable temporal narrative.

11wheel
60% match
Loading thumbnail…

Advanced Interactive Map

This interactive map visualizes flight relations among US cities, allowing users to select a city and drag a year slider to animate the connections. The visualization uses a D3.js projection to place city markers and draws animated lines (paths) from the selected city to its destinations for the chosen year. Built with the Datamaps library, the map supports hover tooltips, click-to-select city interactions, and smooth transitions that animate the lines from the origin outward. The animation speed is controlled by a parameter, and the interface includes a year slider and city selection. The example is implemented in JavaScript with D3 and uses external JSON data files. The author provides an introductory blog post and the code is available under an MIT license.

BBruceHenry
60% match
Loading thumbnail…

2023: Circle Packer ICTS (incl. spam/geannuleerd)

This animated circle-packing visualization displays a hierarchical dataset of continents, languages, and the countries where they are spoken, with circle sizes scaled by the number of countries per language. The rendering uses the `circlepackeR` package in R to generate the layout, then animates transitions between different years of data. It builds on D3’s treemap and `d3.zoom` for interactive panning and zooming. The dataset appears to track ICT event submissions, including spam and cancelled entries, across multiple years (2017, 2018, and 2023).

MMisunoKitara
59% match
Loading thumbnail…

Fork of Fork of HTML Starter - Rajan Shah

This animated scatterplot visualizes the population growth of U.S. cities by comparing 2020 and 2024 population figures on the x- and y-axes, with point size reflecting the absolute growth rate. Built with D3.js, it uses a custom scatter chart function that joins SVG circles with data, animating their entry, update, and exit via `.transition().duration()` calls. The code loads city data from a CSV file, applies linear scales, and includes an interactive tooltip that displays city specifics on mouseover.

Kkhushburajan2015@gmail.com
58% match
Loading thumbnail…

2021: Circle Packer ICTS (excl. spam/geannuleerd)

This animated circle-packing visualization displays 2021 ICTS event data, excluding spam and cancelled entries. The rendering uses a force-directed layout via `d3.forceSimulation` to position nested circles, with each circle sized to represent a data category. The animation iterates through time steps, updating the hierarchical packing in real time. The code relies on HTML widgets and D3.js, loading data directly from a gist source.

MMisunoKitara
58% match
Loading thumbnail…

D3 Scatterplot

This interactive D3 scatterplot visualizes cumulative Uber fare amounts per day from 2009 to 2015, using data from a Kaggle dataset. The SVG chart plots each date on the x-axis and total daily fares on the y-axis, with green circles marking individual points. The visualization uses `d3.csv` to load the raw data, `d3.scaleBand` for the time-based x-axis, and `d3.scaleLinear` for the fare amounts. Custom tick marks highlight the first date of each year, while gridlines and labeled axes improve readability.

DDominic Fernandez
57% match
Loading thumbnail…

Gist f7dc00e0350f215e21d1d7b3f9ee6aca

This example presents an interactive geographic visualization of a world map, with animated flight paths connecting major cities. It shows a network of arcing routes overlaid on a dark, stylized globe. The visualization uses the D3.js library, specifically calling `d3.geoPath` to render the map’s landmasses and `d3.forceSimulation` to manage the physics of the flight arcs, making them appear as if they are in motion. The routes are likely generated from a small set of hardcoded city coordinate pairs. The rendering approach combines a simple geographic projection with dynamic path interpolation for the animated trajectory effects.

LLuisSevillano
57% match
Loading thumbnail…

Fork of Reusable D3 Scatter Plot- ICE7

Animated scatter plot of Los Angeles museum attendance data, cycling through four different x-axis variables (Avila Adobe, Firehouse, Chinese American, and America Tropical) while mapping years to colored points. The visualization uses D3 v6 with a reusable `scatterPlot` module, SVG rendering, and `setInterval` to progressively swap the x-axis values. It includes a custom legend with year labels, axis labels, and a title, drawing from CSV data loaded via `d3.csv`.

SSravyaAnnadi
57% match