Tell us what works and what could be better. We read every submission.
@adekunleoduye·4 public vizzes
This visualization ranks the top 50 NBA players of all time using a scatterplot of career points per game versus rebounds per game, with each player’s name labeled and colored by their win shares (WS). The plot uses a “bubble” encoding where point size is proportional to win shares, and the x-axis is points per game while the y-axis is rebounds per game. The data comes from a JSON file listing players with career averages and advanced metrics. Missing values for steals, blocks, or three-point percentage are left blank, and the scatterplot appears to highlight the clustering of dominant scorers and rebounders across eras, with legends like Jordan, Chamberlain, and Abdul-Jabbar standing out.
This visualization plots a subset of the Anscombe quartet—specifically group III—as red circles on a scatterplot. The chart displays eleven data points with x-values ranging from 4 to 14 and y-values from 5.39 to 12.74, revealing a clear positive linear trend. Built with D3.js version 3.5.5, the code uses linear scales for both axes, SVG circles for the points, and d3.svg.axis to render gridlines and tick marks. The visualization is rendered entirely as SVG and was created using blockbuilder.org.
This example shows a Bash profile template that defines aliases for common development tasks and enhances the shell prompt. The aliases `dev`, `ir`, and `masterPull` streamline navigation to XAMPP directories and Git operations, while the `parse_git_branch` function extracts the current branch name. The prompt uses `export PS1` with ANSI escape codes to display the username and branch in green, updating dynamically via command substitution. The code relies on standard Bash built-ins and the Git command-line interface, with no external visualization libraries.
Three hero profiles use Sass mixins to generate themed headers for Batman, Superman, and Green Lantern. Each header displays a sub-header label, a large Droid Serif title, and a secret identity line in Palanquin Dark. The `headerStyle` mixin applies background colors, border treatments, and conditional text coloring based on parameters. Google Fonts provides the typography, while the mixin’s `@if` directive handles black text on white backgrounds.