Skip to main content
100%

CircleCI coverage lambda

✓ Published0🌍 Public
ZZJONSSON
Last edited Jan 22, 2019
Created on Jan 22, 2019

This example shows a live coverage badge for a GitHub module, displaying the latest test coverage percentage as a green SVG shield. It retrieves recent build data from the CircleCI API, finds the most recent successful build, and fetches its coverage report artifact. The code extracts the percentage from the HTML report using a regex, then dynamically generates an SVG badge with embedded text and gradients. It relies on the `request` library with Bluebird promises, and the final output is served as an image/svg+xml response.

AI-generated description

Similar vizzes

Loading thumbnail…

GitHub Badges test via Shields

This visualization uses GitHub badges to display a chain of pull requests, showing their review status and stacking order. Each badge is rendered as a hyperlink-bearing image via Shields.io, with text color-coded by state: green for approved, yellow for needs review, and purple for merged. The readme describes a base PR and two stacked PRs, with each badge embedding the PR number and title in its label. The example highlights how static SVG badges can encode relational metadata, relying solely on shields.io’s image API and Markdown image syntax without custom JavaScript.

RRestuta
61% match
Loading thumbnail…

Gist a8e5298b38b4f19fc2865612c90ddbcb

The visualization is a single SVG badge featuring a 46-by-46-pixel geometric star-shaped emblem with a central number "1" rendered in a bold, centered style. The star is formed by a complex polygon with 23 vertices, creating a spiked outline. The code uses raw SVG elements, including a `polygon` and a `text` element, with a CSS class (`cls-1`) applied to the text for styling. The rendering approach is purely vector-based, relying on static SVG markup without any JavaScript libraries or dynamic data. The badge likely represents a numeric score or rank, with the star shape serving as a decorative frame.

EEelsie
60% match
Loading thumbnail…

Gist 67b47524ed8ed829d021

This animated SVG visualization, rendered with D3.js, explores how geometric forms can be generated through code. The page loads a script called `circle-lattice.js` that draws a grid of small, semitransparent red rectangles, each with a faint stroke trail that animates to show their movement or placement over time. The layout is minimal—a single heading "Scripts" above the canvas—and the emphasis is on the lattice of shapes as they are built and possibly repositioned, revealing structural patterns through the animation. The visualization uses D3's data-binding and SVG rendering to create a dynamic, generative composition.

11wheel
60% match
Loading thumbnail…

Report Generation Logo

This example renders a transparent SVG logo composed of concentric circles. It shows a central blue circle surrounded by a series of larger, overlapping cyan rings that create a radiating burst effect. The code uses D3 selections and the `join` method to bind an array of values from `range(56, 72)` to circle elements, calculating each radius from the bound data. Multiple additional circles are appended with varying stroke widths and colors, all drawn using D3 v7's selection API.

EEd Smale
59% match
Loading thumbnail…

Circle

This visualization displays a single large circle rendered on an SVG canvas, composed of an almost complete grey ring with a visible gap. The circle is drawn using a D3 SVG path with a computed arc command, and then styled with a thick stroke, a rotating transform, and a dash array to create the open segment. An arrow marker is appended to the path’s end point, and the entire shape is given a subtle opacity. The code relies on D3’s `select`, `join`, and `attr` methods to construct and update the SVG elements.

HHuxulm
59% match
Loading thumbnail…

badge

Each row of the CSV file becomes a small circle, arranged in rows by job and animated with a sine wave to give the impression of flowing data. The circles are colored by emotion value using a d3.scaleOrdinal range, and hovering highlights a circle with a black stroke. A title is also rendered as text, and extra small grey circles appear when the weather column is 1. The visualization is built with D3 v4, rendering in SVG.

ZZhengyan Yu
59% match
Loading thumbnail…

Data Visualization and Infographics with D3, Module 2, Exercise 1

This example displays a single static blue circle centered within a small 50 by 50 SVG canvas, using a gray outline and a two-pixel stroke. It serves as a minimal demonstration of primitive SVG shape construction, where the circle is positioned via explicit `cx` and `cy` attributes and sized with an `r` radius. The visualization uses the standard D3.js library, though the code relies directly on raw SVG elements rather than D3-specific data joins or scales. The rendering approach is entirely declarative, showing how a basic geometric mark can be encoded directly in an HTML file without external data sources or interactive behavior.

SSassOnTheRoad
58% match
Loading thumbnail…

Test

An interactive visualization of circles rendered with D3.js, demonstrating the general update pattern and method chaining to bind data to SVG elements. The code uses `select`, `data`, and `join` to create and update circles, with attributes like `cx`, `cy`, `r`, and `fill` set from a hardcoded data array. The SVG element is sized dynamically based on the container dimensions, and circles are drawn with varying positions, radii, colors, and opacity.

JJohn Liu
58% match