4xDMG

@4xDMG·11 public vizzes

National Contiguity

National Contiguity visualizes the adjacency relationships between nations as a force-directed network graph. The code uses d3.forceSimulation with link, charge, and center forces to position nodes, while SVG lines and circles represent connections and countries. The network links are loaded from a remote JSON file containing country data. Hovering is not implemented, but the static layout shows the clustering of contiguous nations through explicit link lines, with node coordinates updated on each tick of the simulation.

Jun 6, 2017

Loading thumbnail…

FEM: Exercise 1 starter

This example visualizes daily temperature data for three U.S. cities—New York, San Francisco, and Austin—as a multi-line chart over a date range from October 2011 to January 2012. Built with D3 v4 and rendered as SVG, the chart uses color-coded lines to compare temperature trends across the three cities, with a date-based x-axis and a temperature y-axis. The dataset, loaded from a TSV file, contains 100 days of observations for each city. The visualization serves as a starter template for a finite element method (FEM) exercise, providing a clean, minimal foundation for further interaction or analysis.

Jun 1, 2017

Loading thumbnail…

FEM: Exercise 1 starter

This example visualizes daily temperature readings for three U.S. cities—New York, San Francisco, and Austin—over a three-month period using a multi-line chart rendered with D3 v4 in SVG. The chart plots date on the x-axis and temperature in degrees Fahrenheit on the y-axis, with each city’s data encoded as a separate colored line. The data is loaded from a tab-separated file, and the visualization includes axes, labels, and a legend to distinguish the three locations. The starter template provides a foundation for exploring time-series trends and seasonal patterns across the cities.

May 31, 2017

Loading thumbnail…

fresh block

A set of vertical bars represents five data values, with one bar highlighted in red and the rest in blue, showing a clear visual contrast for the largest value. The chart uses D3 v4 to bind an array of numbers to SVG rectangles, scaling bar heights linearly from a maximum domain of 2500 down to zero. The code applies the scale to position each rectangle’s top and height, while a fixed bar width and white stroke separate the bars for readability.

May 18, 2017

Loading thumbnail…

Gist c9bd662941bf0c774e47523b31df1177

This example shows a recursive flood-fill algorithm that triggers a chain of explosions across connected blocks in a Minecraft world. The code defines a `floodBoom` function that identifies the targeted block type and initiates a recursive spread through six cardinal directions. Using the Bukkit API, it calls `createExplosion` on the world object to detonate each matching block, while a depth counter limits recursion to 100 iterations. The `checkPower` helper caps the explosion radius at level 5, and the recursion continues only while encountering blocks identical to the original target.

Apr 9, 2017

Loading thumbnail…

Gist 0f3b930d2e81c213836e566fd22219de

This example shows a Minecraft spell script that triggers an explosion at a target location. The code demonstrates how to use the Magikcraft JavaScript API to interact with the game world. It calls `magik.aspecto()` to get the player's target block, retrieves its coordinates, and then invokes `createExplosion` on the world object. The explosion is set to cause damage and fire with a power level of one. The script uses the `magikcraft.io` namespace to access the API, and `magik.getSender().getWorld()` to reference the current world. The visualization highlights the spatial targeting and world-modification logic in a concise, event-driven manner.

Apr 9, 2017

Loading thumbnail…

Gist d8d02005e92053aa5eac546ddd0b170d

This example demonstrates a Minecraft plugin that broadcasts a greeting to all online players. The code defines a `mindControl` function that retrieves the list of online players via the Bukkit `getOnlinePlayers()` method, then iterates through the player list to send each player a chat message saying "Hi" using the `chat()` method. It also uses `magik.dixit(server)` to display a server-side message. The visualization highlights the plugin’s event-driven structure and its use of the MagikCraft API, specifically the `magikcraft.io` library, to interact with the game server.

Apr 9, 2017

Loading thumbnail…

Gist b65c0be8abf8541ec5fe64aa185668ba

This example shows a Minecraft server-side spell that adjusts player movement speed by directly manipulating Bukkit API methods. The code uses `org.bukkit.Bukkit.getOnlinePlayers()` to retrieve all connected players and `setWalkSpeed(-0.1)` to set a negative walk speed, demonstrating how to alter player physics in real time. It also calls `magik.dixit(server)` to display a message in the server console. The visualization highlights the API calls and control flow, with the Bukkit library and `magikcraft.io` module as the primary dependencies.

Apr 9, 2017

Loading thumbnail…

Gist a4cf9e782c856455b1dfeda064a1a3c5

This example demonstrates a Minecraft plugin that teleports the player to a targeted block location using the Magikcraft API. The code shows a simple spell function, `bloop`, which retrieves the player’s current viewpoint direction and coordinates via `magik.aspecto()`, then teleports the player to that position with `magik.ianuae(there)`. The visualization highlights the underlying API calls and the coordinate-based interaction between the game world and the script, though no graphical rendering or data transformation is performed.

Apr 9, 2017

Loading thumbnail…

Gist b44cf61a3de8cbecdad4e34209d1b9b2

This example shows a Minecraft server-side script that dramatically increases the walking speed of all online players to 0.9, overriding the default movement rate. The code uses the Magikcraft JavaScript API, specifically the `magik.dixit` function to broadcast a server message, and directly accesses the Bukkit API via `org.bukkit.Bukkit.getOnlinePlayers()` to iterate through player objects. It then calls `setWalkSpeed(0.9)` on each player, demonstrating a simple loop-based modification of shared game state without any visual rendering or data visualization.

Apr 9, 2017

Loading thumbnail…

Gist 7787a984f4735d812b642d776e9d5913

This example uses procedural generation to create a cave-like dungeon in Minecraft, starting from a random map of logs and bedrock and then applying cellular automata rules to smooth the layout. The code’s `generateDungeonArr` populates a 50x100 grid, `generateNewMap` iterates neighbor counts to refine the map over 20 generations, and `floodDungeon` recursively carves out connected regions. The final `renderDungeon` function places blocks in 3D space using Bukkit’s `org.bukkit.Material` API, positioning them relative to the player’s coordinates. The visualization highlights how algorithmic map generation and flood-fill logic combine to create playable cave structures.

Apr 9, 2017