OscardR

@OscardR·5 public vizzes

Swiss Cantons and Municipalities

This example visualizes the boundaries of Swiss cantons and municipalities, combining both administrative levels into a single interactive map. The geographic data comes from the Swiss Maps repository as a TopoJSON file, which the code parses and renders using WebGL. The visualization is built with Vue.js, and the map geometry is drawn using the TopoJSON library to decode the topology, with d3.geoPath generating the projected paths for each region. Distinct styling differentiates cantonal borders from municipal subdivisions.

Jun 24, 2019

Loading thumbnail…

ESNextbin Sketch

A binary tree visualization demonstrates how random numbers are inserted into a binary search tree, reporting each insert’s step count and the sorted list after all inserts. It also searches for a random value, showing whether it is found and the steps taken. The example uses plain JavaScript with ES6 classes (`BinaryTree`, `App`) and writes output via `document.write`. No external charting library is used; the rendering is simple HTML list and paragraph elements.

Oct 31, 2017

Loading thumbnail…

Gantt Chart

A Gantt chart displays the start and end times of three named tasks, each assigned to a person (Óscar, Peter, Johnny), across a single day. Colored bars are positioned along a time axis and grouped by category on a vertical ordinal scale. The visualization is built with the D3.js library, using `d3.time.scale` for the time axis and `d3.svg.axis` for rendering ticks. Task bars animate their width and position through D3 transitions, with an SVG output.

Oct 31, 2017

Loading thumbnail…

Python Request

This example shows a Python script that transforms lists of integers through three sequential exercises. It demonstrates custom list-processing functions that swap adjacent elements or replace multiples of five with the preceding value, and it uses conditional logic to apply these transformations based on user input. The code relies on Python’s built-in `raw_input`, `range`, and `format` methods to gather data and print results. It illustrates procedural programming with clear step-by-step comments and control flow via `if`, `for`, and `break` statements.

Jan 17, 2017

Loading thumbnail…

Imprime N tablas de multiplicar calculadas en paralelo por N procesos.

This example demonstrates a Unix C program that launches N child processes, each calculating a multiplication table (1 through 10) for a distinct integer. The parent process then reads and prints the tables in order, showing the results sequentially. The visualization uses low-level POSIX system calls including `pipe()`, `fork()`, `read()`, `write()`, and `wait()`. Each child writes its process ID and computed products to its own dedicated pipe, enabling parallel computation and ordered output collection.

Sep 29, 2013