ABDALLAH ALSHAER

@ABDLLAH22·2 public vizzes

Untitled

This example shows a force-directed network graph where nodes repel and attract each other, forming clusters as they settle. It uses d3.forceSimulation with forces for charge, centering, and link tension. Nodes are drawn as circles, rendered on an SVG canvas via d3.drag to enable interactive repositioning. The data appears to be synthetic, generated randomly in the code, with links connecting nodes in a web-like pattern.

Feb 9, 2020

Loading thumbnail…

Cars Report

This example demonstrates generating a text-based report of used cars priced under $2,000, displaying entries as formatted strings like “2000 Honda Accord: $2800” in a large HTML `<pre>` element. It uses JavaScript promises and a simulated 2-second delay via `getCars()` to load an inline JSON array of car objects. The `generateReport` function filters cars by price and maps each to a formatted line using the `formatCar` utility, with the final output rendered through the DOM. The visualization relies on core JavaScript array methods (`filter`, `map`, `join`) and modular imports, with no external libraries.

Feb 9, 2020