AbsarF

@AbsarF·5 public vizzes

fresh block

This example displays a single static text message on a blank SVG canvas, serving as a minimal placeholder for a data-visualization gallery. The code uses D3 v4 to select the body, append an SVG element sized at 960 by 500 pixels, and add a text element with the message "Edit the code below to change me!" styled with the Poiret One font. The visualization demonstrates basic D3 selection and DOM manipulation, with the text positioned at specific x and y coordinates and rendered in blue. No data is loaded; the focus is purely on establishing a simple SVG scene.

Sep 12, 2016

Loading thumbnail…

Crouton/Chromebook Setup Instructions and Preferences

This example shows a step-by-step setup guide for configuring two Crouton chroots on a Chromebook, named `datatrusty` and `devtrusty`, each running a trusty/unity environment. The code lists shell commands for creating these chroots, entering them via `sudo startunity`, and installing packages like `ubuntu-desktop`, `vim-gnome`, and `r-base`. It also references manual installations of RStudio, Anaconda, and Sublime Text from their websites, plus using `sudo pip install virtualenv` for Python development. The rendering approach is a plain-text command list with inline comments, and the data source is the author’s personal configuration notes.

Nov 17, 2014

Loading thumbnail…

Base CSS document with google fonts, Eric Meyer's reset.css, Ethan Schoonover's solarized palette and some basic responsive code.

This example demonstrates a clean, typography-focused HTML/CSS foundation for a data-visualization project. It imports the "Roboto Slab" and "Exo 2" fonts via Google Fonts, resets default browser styling with Eric Meyer's reset.css, and applies Ethan Schoonover's Solarized color palette. The code uses standard CSS properties, including a responsive `.container` class with a media query for narrow screens, and sets up basic typography and spacing for a chart area. It does not implement any JavaScript or dynamic visualizations, serving only as a base stylesheet for future graphical work.

Jun 18, 2014

Loading thumbnail…

Sed Cheatsheet

This example is a plain-text cheatsheet listing sed commands for file spacing, numbering, and text conversion or substitution. It shows the exact command-line syntax for each operation, such as `sed G` for double spacing and `sed 's/foo/bar/g'` for global replacement. The source is a gist by AbsarF, and the rendering approach is static text formatting with no interactive or programmatic visualization. It relies solely on shell and sed syntax, not on any JavaScript libraries or data APIs.

Jan 29, 2014

Loading thumbnail…

A "Best of the Best Practices" (BOBP) guide to developing in Python.

This example presents a Markdown-based coding guide that distills Python best practices into a concise reference. It shows a structured document with sections on values, general development guidelines, and specific style rules for naming, indentation, imports, documentation, and line lengths. The guide uses code snippets and direct quotes from PEP 8, PEP 20, and PEP 257 to illustrate conventions like `lower_case_with_underscores` for variables and `CapWords` for classes. The visualization relies solely on the plain text formatting of the source file, with no external libraries or data processing.

Oct 16, 2013