Gallery / Areas

ribbon

A ribbon with gradient fill, stroke and glow

The paint options a ribbon can carry, on a precomputed interval: a portable gradient across the band, a stroked edge and a glow beneath.

A ribbon with gradient fill, stroke and glow

Source

Svelte, builder, JSON

<script lang="ts">
  import { GGPlot } from "@ggsvelte/svelte";
  import spec from "./spec.js";
</script>

<GGPlot {spec} width={640} height={360} />

Meta

Details

Family: Areas
Source: ribbon/paint
Rendering: SVG
Techniques: ribbon · interval · gradient · glow · paint