DarMontou

@DarMontou·5 public vizzes

bar chart examples

This example shows a simple bar chart of ten values from an inline array, with bars colored blue except for the single bar at 250, which is red, and a y-axis with blue tick labels except the 250 tick in red. The chart is rendered as SVG via D3 v5, using a linear scale for the y-axis and manually positioning each rectangle with fixed width and spacing. The code explicitly sets bar height as the difference between the chart height and the scaled value, and the axis is drawn with `d3.axisLeft`. The data is hardcoded, and the visualization demonstrates basic scaling, axis generation, and per-bar styling without interactive features.

Jan 27, 2020

Loading thumbnail…

Gist f27c27698d271fa3f54efa40338bff9a

This example uses the D3.js force-directed graph layout via `d3.forceSimulation` to arrange a collection of desktop-environment and operating-system screenshots, sourced from image URLs listed in a JSON array. Each image is rendered as a node using D3’s `d3.select` and `d3.image` with an HTML `img` tag, while `d3.force` pulls linked nodes together. The visualization shows a clustered network of related interfaces, with node positions updated iteratively through the simulation’s tick function. The code explicitly references `d3.forceSimulation`, `d3.force`, and `d3.select`, but does not include interactive filtering or hover effects.

Jan 24, 2020

Loading thumbnail…

Elisp Evaluation Workshop

This interactive Emacs Lisp evaluation workshop demonstrates how the language evaluates different forms, from self-evaluating objects like numbers and strings to symbol indirection and function invocation. The buffer pairs source code with explanatory comments, encouraging exploration through `eval-print-last-sexp` bindings like `C-j`. It covers function calls, special forms, macros, quoting, and backquoting, using APIs such as `symbol-function`, `fset`, `funcall`, and `apply`. The example exposes runtime errors, like the wrong-type-argument from `apply`, and includes a commented-out infinite loop, making evaluation behavior concrete and testable.

Jul 4, 2019

Loading thumbnail…

Emacs Debugging Workshop

This visualization demonstrates the Emacs debugging workflow through a series of instrumented Lisp examples, showing how the built-in debugger and Edebug interact with source buffers, stack frames, and invocation messages. The buffer uses `lisp-interaction-mode` and defines key bindings for `eval-print-last-sexp`, while examples trigger `debug-on-variable-change`, `debug-on-message`, and `debug-on-error` to pause execution. The code also exercises Edebug’s stepping, tracing via `edebug-trace`, and conditional breaks through `edebug` calls, relying on standard Emacs Lisp functions like `(debug)`, `toggle-debug-on-quit`, and `with-output-to-temp-buffer` to produce backtraces and evaluation control. The source text itself serves as the data, with the rendering being the interactive debugging session.

Jul 3, 2019

Loading thumbnail…

Intro to Spec

This example demonstrates how Clojure.spec validates and destructures user input through compositional specs. It shows the progression from simple predicates for phone numbers and email addresses to complex nested specs that combine user names with optional contact information. The code uses `s/def`, `s/cat`, `s/alt`, and `s/valid?` to define and test data shapes, while `s/explain` and `s/conform` provide debugging output. A final `add-new-user` function uses these specs for runtime argument validation, with the source data defined as Clojure vectors in a Gist.

Sep 13, 2016