Lyndoman

@Lyndoman·6 public vizzes

MySQL Cheat Sheet

This example presents a plain-text MySQL cheat sheet as a structured reference for database management and SQL querying. It demonstrates how to organize commands for user administration, database and table creation, data manipulation, and complex queries such as joins and foreign key relationships. The text is formatted with markdown headers and code blocks, showing SQL statements for operations like `CREATE TABLE`, `SELECT`, `INSERT`, and `INNER JOIN`. It also includes configuration tips for adding MySQL to the system PATH via bash commands, while the underlying source is a GitHub Gist authored by Lyndoman.

Apr 22, 2019

Loading thumbnail…

Radial Bar Chart

A radial bar chart displays the frequency of each letter of the alphabet as a series of animated, color-coded arcs extending outward from a central point. The letters are sorted by value and labeled along the perimeter, with dashed circular reference lines and tick marks radiating from the center. Built with D3 v3, the SVG visualization animates each segment’s growth using `transition.attrTween` with an elastic easing, driven by data from a CSV file. The code employs `d3.svg.arc` for segment geometry, `d3.scale.linear` for the radial axis, and `d3.scale.ordinal` for the color palette.

Apr 27, 2018

Loading thumbnail…

Bar Chart

This animated bar chart displays the total number of cases for six Marvel films, including “Iron Man” and “The Avengers,” using a TSV dataset. The visualization uses D3 3.5.5 with ordinal and linear scales to map film names to x-positions and case counts to bar heights. Bars transition from a baseline of 470 pixels to their final y-coordinates over one second. The chart shows axes via d3.svg.axis and colors bars red, turning pink on hover.

Apr 25, 2018

Loading thumbnail…

All of the Video Games

This interactive visualization maps the landscape of video games by company, using a zoomable bubble layout to represent each developer or publisher. Clicking a bubble zooms in to reveal that company's individual game titles, positioned along a timeline axis and colored by platform, while hovering reveals full names. Built with D3.js version 3.5, it uses the `d3.layout.pack` bubble layout, `d3.behavior.zoom` for pan and zoom interactions, and SVG for rendering animated transitions between company and game views. The data comes from a JSON file listing games, their platforms, and release years, showing the breadth of the industry from the 1980s to the 2010s.

Apr 25, 2018

Loading thumbnail…

Bar Chart

This bar chart displays compliance rates for the years 2010 through 2014, with the most recent year highlighted in brown. The visualization uses D3.js to load and parse frequency data, with ordinal and linear scales mapping years and compliance values to positions. Axes are rendered using d3.svg.axis, while d3.max computes the y-domain. The SVG output employs conventional margins and interactive hover styling, though the displayed data originates from a small inline array rather than the referenced TSV file.

Apr 24, 2018

Loading thumbnail…

Count Up Animation

This example demonstrates a count-up animation that transitions displayed numbers from an initial value to a target value. The code uses jQuery’s `.animate()` method on a plain JavaScript object, with a step function that updates the text content of each element styled with the `.counter` class. The target value is read from the element’s `data-count` attribute, and the animation runs over an eight-second duration with linear easing. The count-up effect concludes by setting the final number exactly, using the complete callback.

Apr 4, 2017