@thi.ng/color - npm Package Compare versions

Comparing version 5.7.3 to 5.7.4

CHANGELOG.md

 # Change Log
 
-- **Last updated**: 2024-08-20T11:41:56Z
+- **Last updated**: 2024-09-16T13:25:24Z
 - **Generator**: [thi.ng/monopub](https://thi.ng/monopub)
@@ -12,2 +12,8 @@
 
+### [5.7.4](https://github.com/thi-ng/umbrella/tree/@thi.ng/color@5.7.4) (2024-09-16)
+
+#### 🩹 Bug fixes
+
+- update pkg exports ([f5f733f](https://github.com/thi-ng/umbrella/commit/f5f733f))
+
 ## [5.7.0](https://github.com/thi-ng/umbrella/tree/@thi.ng/color@5.7.0) (2024-08-19)
@@ -14,0 +20,0 @@

index.d.ts

@@ -7,6 +7,33 @@ export * from "./api.js";
 export * from "./api/system.js";
+export * from "./alpha.js";
+export * from "./analog.js";
+export * from "./clamp.js";
+export * from "./closest-hue.js";
+export * from "./color-range.js";
 export * from "./color.js";
 export * from "./contrast.js";
 export * from "./convert.js";
+export * from "./cosine-gradients.js";
 export * from "./defcolor.js";
+export * from "./distance.js";
+export * from "./gradients.js";
+export * from "./hue.js";
+export * from "./invert.js";
+export * from "./is-black.js";
+export * from "./is-gamut.js";
+export * from "./is-gray.js";
+export * from "./is-white.js";
+export * from "./lighten.js";
+export * from "./linear.js";
+export * from "./luminance-rgb.js";
+export * from "./luminance.js";
+export * from "./max-chroma.js";
+export * from "./mix.js";
+export * from "./rotate.js";
+export * from "./sort.js";
+export * from "./strategies.js";
+export * from "./swatches.js";
+export * from "./tint.js";
+export * from "./transform.js";
+export * from "./variations.js";
 export * from "./css/css.js";
@@ -48,28 +75,2 @@ export * from "./css/parse-css.js";
 export * from "./oklch/oklch.js";
-export * from "./alpha.js";
-export * from "./analog.js";
-export * from "./clamp.js";
-export * from "./closest-hue.js";
-export * from "./color-range.js";
-export * from "./cosine-gradients.js";
-export * from "./distance.js";
-export * from "./gradients.js";
-export * from "./hue.js";
-export * from "./invert.js";
-export * from "./is-black.js";
-export * from "./is-gamut.js";
-export * from "./is-gray.js";
-export * from "./is-white.js";
-export * from "./linear.js";
-export * from "./luminance-rgb.js";
-export * from "./luminance.js";
-export * from "./max-chroma.js";
-export * from "./mix.js";
-export * from "./rotate.js";
-export * from "./sort.js";
-export * from "./strategies.js";
-export * from "./swatches.js";
-export * from "./tint.js";
-export * from "./transform.js";
-export * from "./variations.js";
 export * from "./rgb/hue-rgb.js";
@@ -76,0 +77,0 @@ export * from "./rgb/kelvin-rgba.js";

index.js

@@ -7,6 +7,33 @@ export * from "./api.js";
 export * from "./api/system.js";
+export * from "./alpha.js";
+export * from "./analog.js";
+export * from "./clamp.js";
+export * from "./closest-hue.js";
+export * from "./color-range.js";
 export * from "./color.js";
 export * from "./contrast.js";
 export * from "./convert.js";
+export * from "./cosine-gradients.js";
 export * from "./defcolor.js";
+export * from "./distance.js";
+export * from "./gradients.js";
+export * from "./hue.js";
+export * from "./invert.js";
+export * from "./is-black.js";
+export * from "./is-gamut.js";
+export * from "./is-gray.js";
+export * from "./is-white.js";
+export * from "./lighten.js";
+export * from "./linear.js";
+export * from "./luminance-rgb.js";
+export * from "./luminance.js";
+export * from "./max-chroma.js";
+export * from "./mix.js";
+export * from "./rotate.js";
+export * from "./sort.js";
+export * from "./strategies.js";
+export * from "./swatches.js";
+export * from "./tint.js";
+export * from "./transform.js";
+export * from "./variations.js";
 export * from "./css/css.js";
@@ -48,28 +75,2 @@ export * from "./css/parse-css.js";
 export * from "./oklch/oklch.js";
-export * from "./alpha.js";
-export * from "./analog.js";
-export * from "./clamp.js";
-export * from "./closest-hue.js";
-export * from "./color-range.js";
-export * from "./cosine-gradients.js";
-export * from "./distance.js";
-export * from "./gradients.js";
-export * from "./hue.js";
-export * from "./invert.js";
-export * from "./is-black.js";
-export * from "./is-gamut.js";
-export * from "./is-gray.js";
-export * from "./is-white.js";
-export * from "./linear.js";
-export * from "./luminance-rgb.js";
-export * from "./luminance.js";
-export * from "./max-chroma.js";
-export * from "./mix.js";
-export * from "./rotate.js";
-export * from "./sort.js";
-export * from "./strategies.js";
-export * from "./swatches.js";
-export * from "./tint.js";
-export * from "./transform.js";
-export * from "./variations.js";
 export * from "./rgb/hue-rgb.js";
@@ -76,0 +77,0 @@ export * from "./rgb/kelvin-rgba.js";

package.json

 {
   "name": "@thi.ng/color",
-  "version": "5.7.3",
+  "version": "5.7.4",
   "description": "Array-based color types, CSS parsing, conversions, transformations, declarative theme generation, gradients, presets",
@@ -54,4 +54,4 @@ "type": "module",
     "@thi.ng/strings": "^3.8.4",
-    "@thi.ng/transducers": "^9.2.2",
-    "@thi.ng/vectors": "^7.12.0"
+    "@thi.ng/transducers": "^9.2.3",
+    "@thi.ng/vectors": "^7.12.1"
   },
@@ -448,3 +448,3 @@ "devDependencies": {
   },
-  "gitHead": "9f71f7f82fed2a980078a96bdafd2e706f526c75\n"
+  "gitHead": "8335e9571c2b9b13844ee4d8d24f99143c5f8816\n"
 }

README.md

@@ -387,9 +387,11 @@ <!-- This file is generated - DO NOT EDIT! -->
 
-The `sort()` function can be used to sort an array of colors using arbitrary
-sort criteria (basically any function which can transform a color into a
-number). The following comparators are bundled:
+The [`sort()`](https://docs.thi.ng/umbrella/color/functions/sort.html) function
+can be used to sort an array of colors using arbitrary sort criteria (basically
+any function which can transform a color into a number). The following
+comparators are bundled:
 
-- `selectChannel(i)` - sort by channel
-- `proximity(target, distFn)` - sort by distance to target color using given distance function
-- `luminance` / `luminanceRgb` / `luminanceSrgb` etc.
+- [`selectChannel(i)`](https://docs.thi.ng/umbrella/color/functions/selectChannel.html) - sort by channel
+- [`proximity(target, distFn)`](https://docs.thi.ng/umbrella/color/functions/proximity.html) - sort by distance to target color using given distance function
+- [`luminance`](https://docs.thi.ng/umbrella/color/functions/luminance.html) /
+  `luminanceRgb` / `luminanceSrgb` etc.
 
@@ -423,5 +425,6 @@ ```ts tangle:export/readme-sort-theme.ts
 Memory mapped colors (e.g. a mapped pixel buffer) can be sorted (in place) via
-`sortMapped()`. This function does NOT change the order of elements in the given
-colors array, BUT instead sorts the apparent order by swapping the contents of
-the backing memory.
+[`sortMapped()`](https://docs.thi.ng/umbrella/color/functions/sortMapped.html).
+This function does NOT change the order of elements in the given colors array,
+BUT instead sorts the apparent order by swapping the contents of the backing
+memory.
 
@@ -466,8 +469,18 @@ See the [pixel sorting
 
+The package provides several approaches, functions and presets to declaratively
+define color gradients and then sample them at user-defined resolutions to
+compute arrays of colors which can then be used for look-up purposes (e.g.
+mapping data values to colors).
+
 #### Multi-stop gradients in any color space
 
-The `multiColorGradient()` function can be used to generate gradients in any
-color space and gradient stops must be using all the same color type. Colors are
-pairwise interpolated, and by default, uses generic `mix()` function which
-delegates to type specific strategies. See `GradientOpts` for details.
+The
+[`multiColorGradient()`](https://docs.thi.ng/umbrella/color/functions/multiColorGradient.html)
+function can be used to generate gradients in any color space and gradient stops
+must be using all the same color type. Colors are pairwise interpolated, and by
+default, uses generic
+[`mix()`](https://docs.thi.ng/umbrella/color/functions/mix.html) function which
+delegates to type specific strategies. See
+[`GradientOpts`](https://docs.thi.ng/umbrella/color/interfaces/GradientOpts.html)
+for details.
 
@@ -543,4 +556,6 @@ ![LCH example gradient](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color/lch-gradient.svg)
 
-The `cosineCoeffs()` function can be used to compute the cosine gradient
-coefficients between 2 start/end colors:
+The
+[`cosineCoeffs()`](https://docs.thi.ng/umbrella/color/functions/cosineCoeffs-1.html)
+function can be used to compute the cosine gradient coefficients between 2
+start/end colors:
 
@@ -568,5 +583,7 @@ ```ts tangle:export/readme-cosine-gradient.ts
 
-The `multiCosineGradient()` function returns an iterator of raw RGB
-colors based on given gradient stops. This iterator computes a cosine
-gradient between each color stop and yields a sequence of RGB values.
+The
+[`multiCosineGradient()`](https://docs.thi.ng/umbrella/color/functions/multiCosineGradient.html)
+function returns an iterator of raw RGB colors based on given gradient stops.
+This iterator computes a cosine gradient between each color stop and yields a
+sequence of RGB values.
 
@@ -706,34 +723,35 @@ ```ts tangle:export/readme-multi-cosine-gradient.ts
 
-26 projects in this repo's
+27 projects in this repo's
 [/examples](https://github.com/thi-ng/umbrella/tree/develop/examples)
 directory are using this package:
 
-| Screenshot                                                                                                                           | Description                                                                   | Live demo                                                    | Source                                                                                    |
-|:-------------------------------------------------------------------------------------------------------------------------------------|:------------------------------------------------------------------------------|:-------------------------------------------------------------|:------------------------------------------------------------------------------------------|
-| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/boid-basics.png" width="240"/>                   | Basic 2D boid simulation and spatial indexing neighbor lookups                | [Demo](https://demo.thi.ng/umbrella/boid-basics/)            | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/boid-basics)            |
-| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/color-themes.png" width="240"/>                  | Probabilistic color theme generator                                           | [Demo](https://demo.thi.ng/umbrella/color-themes/)           | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/color-themes)           |
-| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/commit-heatmap.png" width="240"/>                | Heatmap visualization of this mono-repo's commits                             |                                                              | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/commit-heatmap)         |
-| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/dominant-colors.png" width="240"/>               | Color palette generation via dominant color extraction from uploaded images   | [Demo](https://demo.thi.ng/umbrella/dominant-colors/)        | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/dominant-colors)        |
-| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/fiber-basics.png" width="240"/>                  | Fiber-based cooperative multitasking basics                                   | [Demo](https://demo.thi.ng/umbrella/fiber-basics/)           | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/fiber-basics)           |
-| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/geom-complex-poly.png" width="240"/>             | Shape conversions & operations using polygons with holes                      | [Demo](https://demo.thi.ng/umbrella/geom-complex-poly/)      | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/geom-complex-poly)      |
-| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/geom-csv-piechart.png" width="240"/>             | Piechart visualization of CSV data                                            | [Demo](https://demo.thi.ng/umbrella/geom-csv-piechart/)      | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/geom-csv-piechart)      |
-| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/geom-unique-edges.png" width="240"/>             | Iterating the unique edges of a tessellation                                  | [Demo](https://demo.thi.ng/umbrella/geom-unique-edges/)      | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/geom-unique-edges)      |
-| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/geom-webgl-attrib-pool.jpg" width="240"/>        | Augmenting thi.ng/geom shapes for WebGL, using instancing & attribute buffers | [Demo](https://demo.thi.ng/umbrella/geom-webgl-attrib-pool/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/geom-webgl-attrib-pool) |
-| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/geom-webgl-basics.jpg" width="240"/>             | Converting thi.ng/geom shape types for WebGL                                  | [Demo](https://demo.thi.ng/umbrella/geom-webgl-basics/)      | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/geom-webgl-basics)      |
-| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/grid-iterators.png" width="240"/>                | Visualization of different grid iterator strategies                           | [Demo](https://demo.thi.ng/umbrella/grid-iterators/)         | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/grid-iterators)         |
-| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/hdom-canvas/hdom-canvas-shapes-results.png" width="240"/> | Various hdom-canvas shape drawing examples & SVG conversion / export          | [Demo](https://demo.thi.ng/umbrella/hdom-canvas-shapes/)     | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/hdom-canvas-shapes)     |
-| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/hiccup-canvas-basics.png" width="240"/>          | Basic hiccup-based canvas drawing                                             | [Demo](https://demo.thi.ng/umbrella/hiccup-canvas-basics/)   | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/hiccup-canvas-basics)   |
-| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/kmeans-viz.jpg" width="240"/>                    | k-means clustering visualization                                              | [Demo](https://demo.thi.ng/umbrella/kmeans-viz/)             | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/kmeans-viz)             |
-| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/pixel-colormatrix.jpg" width="240"/>             | Matrix-based image color adjustments                                          | [Demo](https://demo.thi.ng/umbrella/pixel-colormatrix/)      | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/pixel-colormatrix)      |
-| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/pixel-gradients.jpg" width="240"/>               | Randomized 4-point 2D color gradient image generator                          | [Demo](https://demo.thi.ng/umbrella/pixel-gradients/)        | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/pixel-gradients)        |
-| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/pixel-indexed.jpg" width="240"/>                 | Image dithering and remapping using indexed palettes                          | [Demo](https://demo.thi.ng/umbrella/pixel-indexed/)          | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/pixel-indexed)          |
-| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/pixel-sorting.png" width="240"/>                 | Interactive pixel sorting tool using thi.ng/color & thi.ng/pixel              | [Demo](https://demo.thi.ng/umbrella/pixel-sorting/)          | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/pixel-sorting)          |
-| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/poly-subdiv.jpg" width="240"/>                   | Animated, iterative polygon subdivisions & visualization                      | [Demo](https://demo.thi.ng/umbrella/poly-subdiv/)            | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/poly-subdiv)            |
-| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/rdom-reactive-svg.jpg" width="240"/>             | Animated SVG elements with reactive attributes                                | [Demo](https://demo.thi.ng/umbrella/rdom-reactive-svg/)      | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/rdom-reactive-svg)      |
-| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/shader-ast-workers.jpg" width="240"/>            | Fork-join worker-based raymarch renderer (JS/CPU only)                        | [Demo](https://demo.thi.ng/umbrella/shader-ast-workers/)     | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/shader-ast-workers)     |
-| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/simd-plot.png" width="240"/>                     | Fitting, transforming & plotting 10k data points per frame using SIMD         | [Demo](https://demo.thi.ng/umbrella/simd-plot/)              | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/simd-plot)              |
-| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/stacked-layout.png" width="240"/>                | Responsive & reactively computed stacked column layout                        | [Demo](https://demo.thi.ng/umbrella/stacked-layout/)         | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/stacked-layout)         |
-| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/trace-bitmap.jpg" width="240"/>                  | Multi-layer vectorization & dithering of bitmap images                        | [Demo](https://demo.thi.ng/umbrella/trace-bitmap/)           | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/trace-bitmap)           |
-| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/viz-ridge-lines.avif" width="240"/>              | Interactive ridge-line plot                                                   | [Demo](https://demo.thi.ng/umbrella/viz-ridge-lines/)        | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/viz-ridge-lines)        |
-| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/webgl-texture-paint.jpg" width="240"/>           | Interactively drawing to & reading from a WebGL offscreen render texture      | [Demo](https://demo.thi.ng/umbrella/webgl-texture-paint/)    | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/webgl-texture-paint)    |
+| Screenshot                                                                                                                           | Description                                                                      | Live demo                                                    | Source                                                                                    |
+|:-------------------------------------------------------------------------------------------------------------------------------------|:---------------------------------------------------------------------------------|:-------------------------------------------------------------|:------------------------------------------------------------------------------------------|
+| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/boid-basics.png" width="240"/>                   | Basic 2D boid simulation and spatial indexing neighbor lookups                   | [Demo](https://demo.thi.ng/umbrella/boid-basics/)            | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/boid-basics)            |
+| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/color-contrast.avif" width="240"/>               | Tool to interactively compute & visualize color contrasts against WCAG threshold | [Demo](https://demo.thi.ng/umbrella/color-contrast/)         | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/color-contrast)         |
+| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/color-themes.png" width="240"/>                  | Probabilistic color theme generator                                              | [Demo](https://demo.thi.ng/umbrella/color-themes/)           | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/color-themes)           |
+| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/commit-heatmap.png" width="240"/>                | Heatmap visualization of this mono-repo's commits                                |                                                              | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/commit-heatmap)         |
+| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/dominant-colors.png" width="240"/>               | Color palette generation via dominant color extraction from uploaded images      | [Demo](https://demo.thi.ng/umbrella/dominant-colors/)        | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/dominant-colors)        |
+| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/fiber-basics.png" width="240"/>                  | Fiber-based cooperative multitasking basics                                      | [Demo](https://demo.thi.ng/umbrella/fiber-basics/)           | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/fiber-basics)           |
+| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/geom-complex-poly.png" width="240"/>             | Shape conversions & operations using polygons with holes                         | [Demo](https://demo.thi.ng/umbrella/geom-complex-poly/)      | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/geom-complex-poly)      |
+| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/geom-csv-piechart.png" width="240"/>             | Piechart visualization of CSV data                                               | [Demo](https://demo.thi.ng/umbrella/geom-csv-piechart/)      | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/geom-csv-piechart)      |
+| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/geom-unique-edges.png" width="240"/>             | Iterating the unique edges of a tessellation                                     | [Demo](https://demo.thi.ng/umbrella/geom-unique-edges/)      | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/geom-unique-edges)      |
+| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/geom-webgl-attrib-pool.jpg" width="240"/>        | Augmenting thi.ng/geom shapes for WebGL, using instancing & attribute buffers    | [Demo](https://demo.thi.ng/umbrella/geom-webgl-attrib-pool/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/geom-webgl-attrib-pool) |
+| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/geom-webgl-basics.jpg" width="240"/>             | Converting thi.ng/geom shape types for WebGL                                     | [Demo](https://demo.thi.ng/umbrella/geom-webgl-basics/)      | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/geom-webgl-basics)      |
+| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/grid-iterators.png" width="240"/>                | Visualization of different grid iterator strategies                              | [Demo](https://demo.thi.ng/umbrella/grid-iterators/)         | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/grid-iterators)         |
+| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/hdom-canvas/hdom-canvas-shapes-results.png" width="240"/> | Various hdom-canvas shape drawing examples & SVG conversion / export             | [Demo](https://demo.thi.ng/umbrella/hdom-canvas-shapes/)     | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/hdom-canvas-shapes)     |
+| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/hiccup-canvas-basics.png" width="240"/>          | Basic hiccup-based canvas drawing                                                | [Demo](https://demo.thi.ng/umbrella/hiccup-canvas-basics/)   | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/hiccup-canvas-basics)   |
+| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/kmeans-viz.jpg" width="240"/>                    | k-means clustering visualization                                                 | [Demo](https://demo.thi.ng/umbrella/kmeans-viz/)             | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/kmeans-viz)             |
+| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/pixel-colormatrix.jpg" width="240"/>             | Matrix-based image color adjustments                                             | [Demo](https://demo.thi.ng/umbrella/pixel-colormatrix/)      | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/pixel-colormatrix)      |
+| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/pixel-gradients.jpg" width="240"/>               | Randomized 4-point 2D color gradient image generator                             | [Demo](https://demo.thi.ng/umbrella/pixel-gradients/)        | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/pixel-gradients)        |
+| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/pixel-indexed.jpg" width="240"/>                 | Image dithering and remapping using indexed palettes                             | [Demo](https://demo.thi.ng/umbrella/pixel-indexed/)          | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/pixel-indexed)          |
+| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/pixel-sorting.png" width="240"/>                 | Interactive pixel sorting tool using thi.ng/color & thi.ng/pixel                 | [Demo](https://demo.thi.ng/umbrella/pixel-sorting/)          | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/pixel-sorting)          |
+| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/poly-subdiv.jpg" width="240"/>                   | Animated, iterative polygon subdivisions & visualization                         | [Demo](https://demo.thi.ng/umbrella/poly-subdiv/)            | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/poly-subdiv)            |
+| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/rdom-reactive-svg.jpg" width="240"/>             | Animated SVG elements with reactive attributes                                   | [Demo](https://demo.thi.ng/umbrella/rdom-reactive-svg/)      | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/rdom-reactive-svg)      |
+| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/shader-ast-workers.jpg" width="240"/>            | Fork-join worker-based raymarch renderer (JS/CPU only)                           | [Demo](https://demo.thi.ng/umbrella/shader-ast-workers/)     | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/shader-ast-workers)     |
+| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/simd-plot.png" width="240"/>                     | Fitting, transforming & plotting 10k data points per frame using SIMD            | [Demo](https://demo.thi.ng/umbrella/simd-plot/)              | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/simd-plot)              |
+| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/stacked-layout.png" width="240"/>                | Responsive & reactively computed stacked column layout                           | [Demo](https://demo.thi.ng/umbrella/stacked-layout/)         | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/stacked-layout)         |
+| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/trace-bitmap.jpg" width="240"/>                  | Multi-layer vectorization & dithering of bitmap images                           | [Demo](https://demo.thi.ng/umbrella/trace-bitmap/)           | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/trace-bitmap)           |
+| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/viz-ridge-lines.avif" width="240"/>              | Interactive ridge-line plot                                                      | [Demo](https://demo.thi.ng/umbrella/viz-ridge-lines/)        | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/viz-ridge-lines)        |
+| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/webgl-texture-paint.jpg" width="240"/>           | Interactively drawing to & reading from a WebGL offscreen render texture         | [Demo](https://demo.thi.ng/umbrella/webgl-texture-paint/)    | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/webgl-texture-paint)    |
 
@@ -740,0 +758,0 @@ ## API

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

302417

increased by0.54%

Lines of code

7712

increased by0.03%

Number of lines in readme file

774

increased by2.38%

Dependency changes

• [e-mail]/transducers@^9.2.3

• [e-mail]/vectors@^7.12.1