Changelog

All notable changes to Visualize are recorded here, following Keep a Changelog and Semantic Versioning.

Note. This file is written for a consumer of the library, so it says what changed in the surface and in behavior, not what changed in the repository. What the library is, module by module, lives in spec/, which is the source of truth for that and is not restated here.

0.8.1 — 2026-10-22

Fixed

A virtual source over the board's ceiling is reduced, not shown over budget (#872, #873, D-230). Since 0.8.0 a feed's slot is reduced to the budget its cell derives, but a slot bound to a virtual source was handed the source's output whole, so a union of feeds, or a source that adds rows, past the board's budget: made its cell {:over_budget, rows, ceiling} and undrawn. Now each such slot is derived a budget and the output reduced to it, reduced_by: :visualize, as a feed's that does not name :budget is. Only an output with no :number field besides the window field, which cannot be reduced, is still over budget past the ceiling.

0.8.0 — 2026-10-21

Breaking

__virtual_sources__/0 lists each function's arity, and a stored function may take two arguments (#869, #870, D-228). A virtual source's function of two arguments is now called with its context, so its arity is part of what a host module records. Affects code that reads __virtual_sources__/0 or matches the sandbox's faults:
- __virtual_sources__/0's entries are {name, arity, source}. Before: [doubled: "fn rows -> … end"]. After: [{:doubled, 1, "fn rows -> … end"}].
- Visualize.VirtualSource.Sandbox.check/2 accepts one or two arguments by default (arity: [1, 2], was 1), and a fn of an arity it does not accept is {:fn_arity, [n]}. Before: check("fn a, b -> a end") was {:error, [{1, {:not_a_function, 1}}]}. After: {:ok, quoted}; fn a, b, c -> … end is {:error, [{1, {:fn_arity, [3]}}]}. A source that is not one fn is still {:not_a_function, arity}, arity the option as given ([1, 2] by default).
Visualize.Components.Chart sends what a move changed, not the whole drawing (#809, #813, D-203–D-206). A move on a 2,500-cell grid sent 1.3–2.8 MB and took 0.46–0.75 s on the server; it now sends 1–3 KB and takes under 100 ms. Affects code that reads or tests the component's markup, or styles what is inside it:
- On a canvas the stream is no longer in data-binary or data-commands on the hook's element. That element carries data-stream and data-drawn, and the stream's pieces are the data-c of the <i> children of a hidden <div data-vis-stream> beside it. Before: <div phx-hook="CanvasBinaryChart" … data-binary="…">. After: <div hidden data-vis-stream=""><i data-c="…"></i>…</div><div phx-hook="CanvasBinaryChart" … data-stream="" data-drawn="…">.
- The keyboard's points are no longer in data-keyboard-points on the <id>-keys element. It carries data-keyboard-series and data-keyboard-drawn, and each point is the data-p of an <i> in a hidden <div data-keyboard-list>, its first child.
- The SVG markup is unchanged, byte for byte.
CanvasChart, CanvasBinaryChart and KeyboardHook read both forms, so a page that writes data-binary, data-commands or Visualize.Hooks.Keyboard.attrs/1 itself works as before. Each drawing is now made in a short-lived process linked to your LiveView, which the component sizes from the last drawing so it never collects garbage around your LiveView's state. A crash in it still crashes your LiveView, as it did before.
A chart's name is its aria-label, not a <title> (#803, #805, D-201). Browsers show an SVG's <title> as a tooltip when the pointer rests on it, so every chart the library drew showed its name under the cursor. Affects code that reads, styles or tests the <title> in a chart's markup: Visualize.Chart.render/2 and generate/2 with root: true, Visualize.IR.Element.root/3 with title:, every component of Visualize.Components and Visualize.Components.Tree, Visualize.Components.Chart, and board cells. Before: <svg … aria-labelledby="vis-…-title"><title id="vis-…-title">Sales</title><desc …>. After: <svg … aria-label="Sales"><desc …>. The <desc>, aria-describedby, role="img" and the root's id are unchanged, and a root with only a description is still named by it through aria-labelledby. Screen readers read the name as before. Canvas output already used aria-label and is unchanged. If you want a hover name on a hand-built root, prepend Visualize.IR.Element.title/1 yourself.
A virtual source's call is limited by the work it does, not by the clock (#852, #856, D-220). Before, a call that took longer than 1 s failed as :timeout. On a busy host that was correct work: one second buys about a quarter of the work it buys on an idle host, so the same function passed idle and failed loaded. Now the limit is the number of reductions the call's process spends, which load does not change. A separate, generous wall-clock bound catches only a call that never answers. Affects code that matches on the fault kinds or sets the limits:
- The kind :timeout is gone. Visualize.VirtualSource.Sandbox.run/3 and compile/2, the engine's faults and a board's {:virtual_source, id, kind} state now report {:error, :reductions, cap} for a call that did too much work (new option max_reductions:, default 100_000_000). A call that has not answered within timeout: (a host function blocked in receive) is {:error, :hung, ms}. Before: {:error, :timeout, 1000}. After: {:error, :reductions, 100_000_000} for a runaway, or {:error, :hung, 30_000} for a blocked call.
- timeout: now means "has not answered", and its default is 30 s (was 1 s), in Sandbox.run/3, Visualize.VirtualSource.Engine.new/2 and the board's virtual_source_timeout:. A host function that blocks now holds a pulse up to 30 s before it is reported. If you set the timeout low to cap work, set the new virtual_source_reductions: (board) or max_reductions: (engine, sandbox) instead.
- The default cap is about 4,500 times what the costliest real stored function costs to compile, and about 150 times a source near the 10 kB limit. A per-identity batch fits some 180,000 rows at the board demo's cost (#852 has the measurements).
The feed conformance kit no longer fails a correct feed on a busy host (#852, #857, D-221). Visualize.Feed.Conformance gave every callback 1 s of wall clock and reported a slow answer as the feed's fault, so a correct feed could fail your suite on a loaded CI runner. Now timeout: only catches a callback that never answers. A cost claim is yours to make, counted in reductions, which load does not change. Affects suites that match on the kit's findings or set timeout::
- The finding {:timeout, call} is now {:hung, call, ms}, worded "did not answer within 30000 ms: it is blocked (hung), not slow". timeout: defaults to 30_000 (was 1000) and still bounds the push check's wait for the first push.
- New reductions: (default nil, no claim): the most reductions one callback (describe, fetch, subscribe, unsubscribe) may spend, counted in its own process. A callback over it fails at its call with {:reductions, call, spent, budget}, at any load.
- New processes:: pids or registered names whose reductions during a callback count toward its budget. The count is otherwise the callback's own process, so work your feed does in a GenServer it calls is only counted when you name the GenServer.

Added

A virtual source's function can read its inputs' schemas, their deliveries' facts and its scope's variables (#869, #870, D-228). Give it a second argument: fn inputs, context -> … end, or defsource bins(inputs, context). The context is %{"inputs" => %{key => %{"schema" => …, "window" => …, "resolution" => …, "capped" => …}}, "vars" => %{name => value}}, every name a string. "schema" is the input's schema as a snapshot writes it (field names and description keys as strings, a value entry as %{"value" => …, "name" => …, "color" => …}), and "vars" the board's variables with the cell's over them for a cell's source. It has no clock. A function of one argument is called as before. Visualize.VirtualSource.Engine.vars(engine, %{[] => board_vars, [cell] => cell_vars}, now) shows the engine the variables and marks only the two-argument sources whose scope's variables changed; Engine.new/2 takes the starting ones as vars:. In context, a stored function's literal context["vars"]["x"] for a variable its scope does not have is {:unknown_var, "x"} (Sandbox.check/2 and VirtualSource.validate/2 take vars:). The board passes its variables to the engine in #871.
On a running board, a virtual source sees its scope's variables, and a viewer's change to one re-shapes the cells that read it (#869, #871, D-229). Visualize.Board.Server shows the engine every scope's own variables (Visualize.Board.own_vars/1, new) when it starts and on every change, so a two-argument source's context holds the board's variables, a cell's own over them. Visualize.Board.Server.vars(board, cell, vars) (new) sets one cell's own variables, as vars/2 sets the board's, and answers {:error, errors} for a variable the cell's component does not declare or a cell the board does not have. Either re-runs only the two-argument sources whose variables changed — a cell's only its own, a board's every one that does not override it — and, with debounce: 0, before it answers, so the cells are drawn with the new answers. A stored function's literal read of a variable its scope does not give is a :restricted fault at that source. The builder's board mode gives its preview the same variables.
A legend can be shown only from a number of entries: min_entries (#761, #861, D-223). legend: %{position: :top, min_entries: 2} draws the key when there are two series to tell apart and nothing when there is one, whose key would only repeat the title. Below the minimum the legend is not drawn, takes no margin, and Visualize.Chart.Frame.legend_extent/1 is %{width: 0, height: 0}. It is decided at every realization, so a compiled chart whose color domain follows its rows gains and loses its legend as series come and go, and a top or bottom legend in its margin gives each tick its margin. The entries are the legend's own: its values, else its scale's domain or ticks. The key defaults to 1; the validator refuses one that is not an integer at least 1 ({:type, :pos_integer}). Visualize.Chart.Build.legend/2 takes it, and the builder shows it on the legend's geometry tab.
A bundle can be written to a file and read back: Bundle.to_json/1 and from_json/2 (#818, #851, D-217), with to_map/1 and from_map/2 beneath them. A board bundle exists to travel from the host that authored the board to the host that shows it, but %Visualize.Chart.Builder.Bundle{} had no wire form, so each host had to invent one. The document is stamped "$version"; each entry's fragment is the document Fragment.to_json/1 writes and the board is in its own JSON form, so a host can store an entry's fragment as it arrives. from_json/2 gates the stamp and the provenance's schema and applies limits: before a key is decoded, makes no atom from the document, and reports every fault at its path. Read back and passed to import_board/3, a bundle gives what the in-memory bundle gives. Note: a store named by an atom in export/3's source (:metresis) is written as its string and reads back as "metresis"; name stores with strings to compare them unchanged.
A frame can clip its marks to its plot area: clip: true (#828, #831, D-212). Marks are drawn where their scales and projection put them, so an inset :geo frame zoomed in on part of a route drew the whole route over the frames beside it, and a host had to trim its data to the box. With clip: true on a frame, every mark and its inline labels show only inside the plot area; the grid, axes, legend and frame labels stay unclipped. It holds on SVG, on both canvas formats and on every layer of a compiled chart (a binary stream that draws a clipped mark is version 4, D-208). The key is opt-in: a frame without it renders byte for byte as before. Before: %{kind: :geo, projection: %{fit: %{data: "field", …}}} over a source the host cut to the inset. After: %{kind: :geo, clip: true, projection: %{…}} over the whole data.
A fit can keep a minimum span: min_span (#828, #832, D-212), in meters on the ground. A :geo frame fitted to points that coincide, such as runners all at the finish, had no extent to fit and zoomed in without bound. With min_span: 500 the view shows at least 500 m across both axes, about the points' center; points that reach farther fit as before, and the default 0 changes nothing. Before: a host source widened by hand. After: fit: %{data: "runners", fields: ["lon", "lat"], min_span: 500}.
A clipped frame sends only what can show (#839). With clip: true, a line's runs of points far past one edge of the plot are cut to their two ends, and points, shapes and labels wholly outside are left out, before the frame is drawn, so an inset over a long route builds and sends a few hundred points rather than thousands. The picture is pixel for pixel the same. A text sized by a theme slot, which a stylesheet may change, is always kept. A frame without clip is unchanged.
A drawing in keyed segments: Visualize.Render.Segments (#813, D-203). svg/2, json/2 and binary/2 cut a backend's output into one segment per item and one per group start and end. Each segment is keyed by the item's identity, or by what it draws, so that a page can send a drawing as a keyed LiveView comprehension and a change sends only the items it touched. Read in order, the segments are the backend's output byte for byte (text/2). Each call takes the cache the last one returned, so an unchanged item is not serialized again.
The keyboard's points one element each: Visualize.Hooks.Keyboard.listed/2 (#813, D-204). It returns the attributes, the points as {key, json} for a keyed comprehension, and a cache for the next call. KeyboardHook reads the points from a data-keyboard-list element when the hook's element carries data-keyboard-series.
Socket compression is described as a host option in spec/10 §19.3. The component does not need it to send a move in a few kilobytes.
A mark's events with nothing under the pointer: tooltip.show: false (#803, #804, D-200). A mark that only wants clicks writes tooltip: %{show: false, event: :pick}: clicks, context_event (right-click, long-press, the Menu key) and the keyboard work exactly as before, on SVG and on either canvas, but TooltipHook shows no hover text and no hover outline over its items. fields may be omitted then, and only the fields you name are written into the markup. A template is still allowed: it is not shown, but the keyboard readout still says it for each item. A design without show, or with show: true, renders exactly as before.
One placement pass for a chart and its keyboard: Visualize.Chart.placements/1 (#809, #811). Visualize.Hooks.Keyboard.attrs/1 placed every item again after the drawing had. Make the pass once and hand it to both — Visualize.Chart.render/2 or generate/2 with placements:, and the new Visualize.Hooks.Keyboard.attrs/2 with placements: — and each item is placed once. The output is the same byte for byte. Visualize.Components.Chart does this on every update.

Fixed

A compiled chart's axes stay with its marks when a tick's legend grows its margin (#859, #860, D-222). A :top or :bottom legend with inside: false grows its margin to hold its rows, and on an inferred color scale the rows follow the tick's series. A compiled chart kept the margin it was compiled with, so stepped from one series to twelve its marks were drawn on the smaller plot under axes left on the larger one. Now Visualize.Chart.Compiled.tick/3 and step/3 return the chart on the tick's margin, plot and box, its static regions redrawn there, and render/2 and svg/2 draw on it too. A tick on the compiled plot changes no byte. Affects a page that sends Compiled.static/1 once: send it again when the returned chart's margin changes. A viewport's incremental canvas repaints whole on a tick that changes the plot.
A legend that grows its margin past the chart raises (#860, D-222). A top or bottom legend whose rows left the plot a height of 0 or less drew a plot of negative height, with no fault. Visualize.Chart.Frame.new/2, and so Visualize.Chart.render/2, compile/2 and every tick, now raise ArgumentError: "the legend at :top outside the plot needs 196 in the top margin, which leaves the plot no height in a box 200 high". Set max_label, show fewer entries or give the chart more height.
A long game on a large Visualize.Components.Chart no longer exhausts the node's memory (#850, D-216). Each move asked for a drawing heap about half again as large as the last move's, whatever the chart needed. On a 50 × 50 board the request passed 500 MB by the tenth move. After a few dozen moves the BEAM was asked for 104 GB and the whole node died (eheap_alloc: Cannot allocate …), taking every page with it. Now each drawing's heap is sized from what the drawing before it actually used, and the size stays the same from move to move: 5.5 M words (44 MB) at 50 × 50, for as long as the game lasts. The size is capped at 512 MiB. A chart that would need more is drawn in a heap the BEAM grows as it needs. A drawing whose heap passes 2 GiB is killed and reported, which ends that page's LiveView instead of the node. None of these sizes is an option.
A to_png/2 timeout always stops the render and returns (#845, D-213). On a busy host, a timeout that fired just as resvg was starting could miss it. resvg then rendered to the end, and to_png/2 waited for it, past its :timeout. Now the kill is checked and sent again until the render has stopped. {:error, :timeout} arrives within the :timeout plus at most 6 s whatever the load, and normally within milliseconds of it.
An Nx tensor bound to a design draws, or says why it cannot (#830, #843, D-214). A rank-2 tensor's rows are tuples, and a design reads fields by name, so a tensor bound to a design's slot used to apply with {:ok, _} and draw nothing. It is now read column by column in the slot's declared field order: source(:pts, [:x, :y]) bound to Nx.tensor([[1, 4.0], [2, 5.0]]) draws two points, as %{x: [1, 2], y: [4.0, 5.0]} does. A rank-1 tensor is one column. apply/2 refuses a tensor it cannot read, at [:sources, slot]: {:width, declared, given} when the tensor is not as wide as the slot's fields, {:rank, rank} for a rank other than 1 or 2, and {:type, :named_rows} when the slot declares no fields. A compiled chart's tick raises ArgumentError for the same faults. A map or keyword list of rank-1 tensors, such as %{x: Nx.tensor([1, 2]), y: Nx.tensor([4.0, 5.0])}, is now read as columns by Visualize.Data.Table.rows/1 wherever a map of lists is. It used to raise ArgumentError. The new Visualize.Data.Table.named/2 names a tensor's columns. Affects code that read a bound tensor back from Visualize.Chart.Applied's sources: it is now the named column map, not the tensor. Nx is still optional.
A field of the wrong type on a channel with no scale is a type fault, not a crash (#835, #853, D-215). A :circle mark's value is its radius and reads no scale. Bound to a text field, it used to pass check_types/2 and apply/2 and then raise ArithmeticError at render, so a board cell over it crashed. Every channel drawn at its reading now needs a number:
- a :circle's, :symbol's or :arc's value;
- an :arc's start, end, inner and outer outside a polar frame;
- a position in a :geo frame;
- any channel naming a scale its frame does not declare.
A field of another type is {:type_mismatch, slot, field, :number, given} at [:marks, i, :channels, channel], as on a scale. A board cell then draws {:invalid, errors} and the builder its fault panel. series, path, a :text mark's value and a :rect mark's value are not numbers and are not checked. Affects code that matches the fault's words: Before: …is a category, and the scale it is read through needs a number. After: …is a category, and the design reads it as a number. The reason term is unchanged.
A basemap stays inside its own frame (#826, #827, D-209). A :tiles mark covers its plot with whole tiles, so the tiles at the edges reach up to one tile past it. A chart of one frame hid this at the document's edge. In a design of several frames, one frame's basemap painted over the frames beside it, on SVG and in a hybrid page's backdrop. The tiles group is now clipped to its frame's plot area. Affects code that reads or tests a basemap's markup: the group carries a clip-path and is preceded by its <clipPath>. Before: <g class="mark mark-tiles"><image …>. After: <clipPath id="vis-clip-…"><rect height="…" width="…" x="0" y="0"/></clipPath><g class="mark mark-tiles" clip-path="url(#vis-clip-…)"><image …>. A chart of one frame draws exactly what it drew. The SVG backend now also keeps a clip on any group it draws whole, as it already did for a group it cut into segments.
Visualize.Chart.Fragment.to_json/1 writes a library entry that holds a typed value (#823, #842). A singular entry — %{style: node}, %{scale: node}, %{axis: node}, %{gradient: node}, … — raised FunctionClauseError when it held a typed color (Visualize.Color.color(:red), a $lighten, a $blend), a unit ({1.5, :pt}), a paint or a ramp position, so a style the builder makes could not be stored as JSON. The body is now written as the node of its kind, exactly as the same node is written inside a design. Affects code that reads or compares the JSON of a singular entry: an enumerated value is now its plain string. Before: {"scale":{"kind":{"$atom":"linear"}}}. After: {"scale":{"kind":"linear"}}. from_json/2 still reads an entry written the old way to the same fragment.
A url(#…) gradient or hatch draws on the SVG-element binary stream (#837, D-218). Visualize.Backend.CanvasBinary.encode_element/2 on a Visualize.SVG.Element tree drew a fill or stroke of url(#…) black. It now draws the linearGradient, radialGradient or hatch pattern the reference names, as SVG and the IR encoder draw it: the stream carries the same paint records the IR encoder writes, so the markup from_ir/1 makes of a chart draws its gradients and hatches. gradientUnits, gradientTransform and stops given as attributes or inline style are read. A gradient the records cannot hold — a reflect or repeat spread, a radial focus off its center, an elliptical radial in user units, an href — and a reference to nothing paint the fallback color after the url(…), or nothing, as SVG does (spec/09 §4.7). Affects code that decodes the stream: a tree with a paint reference is a version 2 stream (at least) with its paint records first, and an unresolvable fill without a fallback now draws no fill instead of black. A tree without a reference is unchanged, byte for byte.
Binding a slot in the builder's board mode no longer re-reads an unchanged component (#838, #846, D-219). Each choice in a slot's select read the cell's component through your Visualize.Chart.Builder.Store four times over, flattening and validating it again, and ran the board's virtual sources again. For a large gallery composite that was about three quarters of the event's cost. The builder now keeps each component's flattening under the store entries it reads, fetching each entry once per pass to see whether it changed. It keeps the virtual sources' run apart from the binding. A binding on the examples' heaviest component costs about a quarter of what it did. Nothing changes in what the builder shows or sends. A store whose entries change under the same store value is still seen at the next event, because the entries themselves are compared.

Changed

A legend with no entries is no longer drawn (#861, D-223). A legend whose scale had an empty domain, or whose values was empty, was drawn as an empty group: a top or bottom legend with inside: false grew a margin under 20 to 20, and a side one needed 24 of its margin or raised. Under the default min_entries: 1 it is not drawn and takes no margin. Affects a chart that drew a legend over no data: its plot keeps the margin the design gave.
The examples app's GPS view is now Grandma's Marathon (#783, #819). GPS Track (/chart/gps_track), one runner round Central Park, is replaced by Grandma's Marathon (/chart/grandmas_marathon). It is a reference for several moving things on one route over a basemap. A traced 26.2-mile course runs from Two Harbors to Canal Park, Duluth, with ten fictional runners on it. The design is four frames in a layout: the course fitted to its line, a pack inset whose fit follows the field every tick (its tiles move with it), the race clock, and standings bars. All four read one runners source, so the map and the standings cannot disagree. The library is unchanged. A link to /chart/gps_track now goes to the gallery index.
A band scale places a category in constant time (#809, #810). Visualize.Scale.Band searched its domain on every apply/2 and laid its bands out again on every call, so a chart of n items over n categories cost O(n²); a 50 × 50 band × band grid spent a fifth of its drawing there. Every setter now lays the bands out once, and apply/2, bandwidth/1 and step/1 read the result. Positions are unchanged. The struct carries two derived fields, slots and layout, that inspect/1 leaves out; build a band scale with its setters (Visualize.Scale.band/0, domain/2, range/2, …), since a struct written by hand has no slots and places nothing.
Drawing a large chart costs a third less (#809, #812). Work every item paid and did not need is gone: a schema's identity fields read once per schema rather than per row, each easing's motion samples computed once rather than per moving element, the keyboard's readout template split once per mark, a label's style resolved once rather than twice, and attribute values, JSON strings and numbers written without copying what needs no escaping or trimming. At 2,500 cells a Visualize.Components.Chart update does 34–43 % less work; the output is byte for byte the same. %Visualize.Data.Schema{} has a derived identity field, which Schema.new/1 fills; a struct you assemble by hand may leave it nil. Visualize.IR.Path.format_number/1 now writes a float too large for four decimals (past about 1.0e253) as its digits instead of raising.
The examples app runs bandit 1.13.1 (#782, #815). Its lock pinned bandit 1.12.5, which has two advisories, EEF-CVE-2026-105659 (HIGH: a peer trickling HTTP/2 frames keeps stream processes alive indefinitely) and EEF-CVE-2026-105660 (MEDIUM: an HTTP/1 request target sets conn.host and conn.port). If you serve the gallery, update to this lock. The library does not depend on bandit, so a consumer of the package is not affected. The build now fails on any Hex security advisory or retired package in the library's lock or the examples app's (mix vis.advisories, D-207), unless an entry in audit/advisories_allowlist.exs allows it with a reason.
The binary canvas draws a stroke's placement and a blend as SVG does (#788, #817, D-208). Before, on CanvasBinaryChart, which is every compiled chart's canvas, a stroke with placement: :inside or :outside drew at twice its width, centered on the edge. A blend: such as :multiply was dropped. Both now draw as they do on SVG and on the :json canvas. A stream that clips or blends begins with a version 4 record (0x00 0x04) and carries the new clip (0x56) and blend (0x57) records, which the shipped hooks read. Affects a page that runs an older copy of the hook JavaScript against such a stream: it throws at the version record instead of drawing the stroke doubled. Rebuild your assets with this version's hooks. Every stream that neither clips nor blends is unchanged, byte for byte. Visualize.Backend.CanvasBinary.Decoder.decode/1 returns {:clip, :inside | :outside} and {:blend, word} for the new records.
A blend whose atom has an underscore is written as its CSS word (#817). On SVG and on the :json canvas, blend: :color_dodge is now color-dodge, which mix-blend-mode and globalCompositeOperation accept. Before, they got color_dodge and ignored it. The schema's own blends (:multiply, :screen, :overlay, :darken, :lighten) are unchanged.
A :text mark spaces its lines by its style's line height (#824, D-210). A mark's value with a newline in it draws one line per tspan, and each line now sits font.line_height em below the last, as a frame label's already did. Before, a text mark's lines always sat 1.2em apart, whatever its style said. A text that sets its own line height keeps it under a group that sets another. A mark whose style sets no line height draws as before.
A clipped element with a transform draws where it stands (#825, D-211). A clip is now resolved in the clipped element's own user space, as SVG resolves it. Before, a :symbol with stroke: %{placement: :inside} or :outside drew nothing at all, on SVG and on both canvases: SVG clipped it to a shape twice as far from the origin, and the canvases to one at the origin. Affects code that reads the markup or the streams of a clipped, transformed element: Visualize.IR.Element.clip/3 drops the shape's transform, so the <clipPath> or <mask> holds the shape without one; the :json commands and the binary stream write the element's transform before the clip. An element without a transform is unchanged, byte for byte.
The SVG-element binary encoder draws what the IR encoder draws (#825, D-211). Visualize.Backend.CanvasBinary.encode_element/2 on a Visualize.SVG.Element tree now draws <ellipse>, <polygon> and <polyline>; a clip-path or mask that names a clipPath of one shape or a white-and-black mask; mix-blend-mode, as an attribute or in the inline style; a filter of one feDropShadow or feGaussianBlur; and vector-effect="non-scaling-stroke". Before, each was dropped without a word. What it still does not draw is listed in spec/09 §4.7; a url(#…) fill draws since #837 (under Fixed). A stream that clips or blends is version 4, one that filters version 2.
Visualize.SVG.Element.from_ir/1 writes what Visualize.Backend.SVG writes for a clip, a blend, an effect and a vector effect (#825). Before, it wrote no clip, and wrote blend="multiply", effect="shadow", vector-effect="non_scaling_stroke", <fe_drop_shadow> and line-height, which SVG ignores. A clipped element converted on its own comes back as a :g holding the clip's definition and the element.

0.7.0 — 2026-10-20

Added

A secondary action on an item: context_event (#767, D-199). A mark's tooltip may declare context_event: :flag beside its event. A right-click on one of its items, a long-press on touch, or the Menu key or Shift+F10 on the item focused from the keyboard sends the page an ordinary Visualize.Event named "flag", with the same item, row and path a click gives, on SVG and on either canvas. The browser's own context menu is suppressed only over items whose mark declares one. context_event and event must differ; a design that names both alike is refused with {:same_name, :event}.
A grid of states from the keyboard (#765, D-198). KeyboardHook now reaches every mark with an identity, not only marks that draw a number: a band × band grid's cells are reached with the arrows in two dimensions (row and column), each read as its identity and its tooltip's text. Enter on an item whose mark declares an event sends the page the same Visualize.Event a click there does. Visualize.Components.Chart is now one tab stop on every backend (it wraps its drawing in KeyboardHook).
A chart's clicks on a canvas (#764, D-197). Visualize.Components.Chart takes backend: :canvas (and canvas_format: :binary, the default, or :json) and draws the chart on a canvas, its text laid over the binary stream as an SVG layer. A click on it reaches the page as the same Visualize.Event a click at that point of the SVG sends: the drawing carries a hit index, Visualize.Hooks.Tooltip.items/1, as data-vis-items, and TooltipHook resolves a click that lands on no element through it, the topmost item first. Regenerate your hooks file (Visualize.Hooks.install!/0) to pick this up.
String interpolation and Visualize.Data in stored functions (#769, D-194). A virtual source's stored function may now build a label with interpolation, "#{row.host}: #{row.load}", and call to_string/1; an atom written with interpolation (:"a#{x}") is still refused. It may also call every function of Visualize.Data — mean, median, quantile, variance, deviation, extent, group, rollup, bin, lttb, m4 and the rest — held, like the other modules, to an explicit list.
Visualize.Data.slope/1,2 and delta/1,2 (#769). slope is the least-squares slope of {x, y} points, or of numbers over their index (slope([1, 3, 5]) is 2.0), nil for fewer than two points or when every x is equal; delta is the last value minus the first, nil for []. Both take an accessor, as the other statistics do.
A sandbox for stored Elixir functions (#748, D-194), the first part of virtual sources (#643): sources computed from other sources by a function, rows in and rows out. Visualize.VirtualSource.Sandbox.check/2 reads a function stored as source text — one fn — and refuses, with every fault at its line, whatever the allowlist does not name: the allowed calls are control structures, arithmetic and comparison, data access (row.field, row[:key]) and explicit lists of Enum, Map, Keyword, String, Integer, Float and :math functions (no random, atom-making or deprecated ones); send, receive, spawn, try, raise, apply, other modules, sigils and structs are refused (string interpolation is allowed since #769, above). A function makes no atoms: its names are read as the library's words or as strings (#780, below). compile/2 compiles a checked function once into a closure, and Visualize.VirtualSource.Sandbox.Cache keeps compiled functions by source hash as a value. run/3 calls any function — stored or your own — in a process with a heap limit and a timeout, and answers {:ok, value} or {:error, :timeout | :memory | :raised, detail}; a raise is reported by the exception's module, never its message.
The builder's board mode runs and edits virtual sources (#753, D-194). A board's virtual sources run over the preview's sample rows, so cells preview over their answers and joined fields, and the binding check sees the joined fields. A virtual sources section lists each source with its function in a text box (a defsource's captured source, read-only), its faults at their lines and its first rows. A text that holds is written and run as you type; one the checker refuses is kept as a draft beside its faults, the board keeping the last function that held. Give the builder your defsource modules with its new virtual_sources assign.
The examples' /board judges hosts with virtual sources (#752, D-194). A Hosts cell over a synthetic hosts feed draws each host's newest CPU reading as a bar in its health's style, a :choose icon per host by the same joined field, and a legend of the field's declared values. health is a stored function in the board value; trend is a defsource in Examples.BoardDemo.Sources, registered with the board's virtual_sources: — the two ways a host writes one. The legend lists fact(:hosts, :"health.state", :values).
Reading a virtual source by value (#751, D-194). On a board, each row of a feed now carries the answer of every per-identity virtual source over that feed for its own identity, as :"<id>.<field>" (:"health.state"), described in the slot's schema, so a design reads it as any column — declare it among the slot's fields. A :choose mark (Visualize.Chart.Build.choose/3) draws, for each datum, the child its on field's value names (cases: %{ok: %{type: :circle, style: :good}, …}, else:), at the mark's x and y. A legend may list values: — usually fact(:hosts, :"health.state", :values) — instead of a scale, each swatched by the style the value names. At application, a style chosen by {:field, f} and a :choose over a field that declares values must cover every value (a named style, a case or an else), else apply/2 answers {:uncovered, f, missing}.
Virtual sources run on the board (#750, D-194). Visualize.Board.Server computes a board's virtual sources (and its cells') where its feeds run, and a cell's slot bound to a source's name draws its answer as it draws a feed's. When the board starts, every input must name a feed or a source and the sources must not form a cycle, else start/2 answers {:error, {:virtual_sources, errors}} naming each fault (a cycle by its members). A feed that changes makes a recompute due after the board's debounce: (now also the virtual sources' coalescing window); it recomputes only the sources that read what changed, in dependency order, each once. A source that raises, times out, passes its heap limit, is refused in context or answers rows outside its schema keeps its last good output, its readers are left alone, and its cells show {:down, {:virtual_source, id, kind}} over the last drawing; info/1 lists each source's state, fault and run count. New options: virtual_sources: (your defsource modules), virtual_source_timeout: and virtual_source_heap:. The engine is also usable alone as a value, Visualize.VirtualSource.Engine.
Virtual sources as values (#749, D-194). Visualize.VirtualSource is a source computed from other sources: id, its inputs (from: [hosts: {:window, last: 20}] — each input a feed's or another virtual source's name with the history the function needs: nil, the newest n rows per entity, or a window box), its output schema, and its function as stored source text (elixir:, checked by the sandbox) or a host function's name (function:). per: :identity runs the function once per entity of an input that declares identity and joins the results back by it. new/1 checks a source alone, validate/2 given its inputs' schemas and your functions, and conform/2 holds a function's answer to the schema, naming the row and the field but never the value. resolve/3 finds a source by short id from the inside out, or by full path. Write trusted functions with use Visualize.VirtualSources and defsource name(rows) do … end, and register the module with config :visualize, virtual_sources: [...]. A board and its cells take a virtual_sources key (a map from id to the source's map form), validated with the board and written in its JSON; Visualize.Board.virtual_sources/1 lists them by path. A schema field may declare values, the closed set of a :category field's values: the fourteenth description key.
A chart's root takes an id: (#712, D-188). Visualize.Chart.render/2 and generate/2 with root: true take id:: the root's id, its <title>'s and <desc>'s ids (<id>-title, <id>-desc) and the selector of the automatic dark-mode rule. Without it the id is still a hash of the title and description, so two charts with the same title and description on one page share it — and one's dark-mode rule restyled the other; pass each its own. A board names each cell's root <board id>-<cell>-chart: Visualize.Board.Server takes id: (by default vis-board- and a hash of the board's meta and cell names), and Visualize.Board.Snapshot.views/2 and the exports take the same, so a snapshot's cell keeps its live drawing's id; the builder's board preview names its cells vis-builder-board-<cell>. A board cell's root id changes accordingly from the title-and-summary hash.
The examples app shows this release's colors and paints (#705). Two gallery charts are written in the new grammar, as references to copy: Colors (/chart/colors) draws color(:blue) through intensity, lighten, darken, blend and alpha, a role, a ramp position and a CSS name, each tile's text in the contrast() ink, and the steps of shade(color(:red), n); its page shows automatic dark mode — the design under no theme beside color_scheme: false, with a switch to preview either scheme. Paints (/chart/paints) draws in-place linear and radial gradients, a crosshatch in pt sizes, a shadow and translucent paints, on SVG and on the canvas. Composition (/chart/composition) stacks palette names and modifiers ([:warning, :outline], [:style_3, :thick], [:bad, :dashed]), derives a style with extends, sets defaults on the design, on a frame and per mark kind, sizes in pt, mm, em and pct, and draws a non_scaling stroke that its page's zoom panel keeps a hairline. Every chart page gains Why it looks as it does: click a mark, an axis, the legend or a label and see Visualize.Chart.explain/2 for it — each part, whether its kind draws it, and the layers that set it — per datum where the data chooses the style.
The builder makes every style stack entry and explains an element's look (#686, D-178). The style stack panel adds, beside a name, a {:field, f} entry from the site's data columns (+ field) and a generate(name, args) entry from the generators the builder knows (+ generator, with its arguments as a list); each row says what kind of entry it is, and a focused row moves with the arrow keys as well as by drag (the local style stays last). The builder takes a generators assign — your generator modules, beside config :visualize, generators: — and its preview applies with them. With a mark, a label, an axis or the legend selected, the inspector opens with why it looks as it does: for each part of its style, the chain of contributions from Visualize.Chart.explain/2 — theme root, defaults, the mark's series color, named styles and their extends, field and generator entries, states, the local edit — with the keys each set, and whether the element's kind draws the part.
The builder's palette panel is back, with the theme's palette (#685, D-178). Beneath the design's styles the panel lists the palette of the theme the chart is drawn with, in five groups — style series, roles, states, furniture and modifiers — each entry drawn as a small preview (a sample shape, its stroke, an Aa label); states and modifiers over a neutral sample. A design style of a palette name is marked as shadowing the theme's. Override in the design declares the theme's entry as a style site of that name, ready to change. A mark's style select and the style stack's Add offer the design's names, the palette's groups and the library's entries as grouped options. The style context panel now resolves palette names against the design's own theme, and an inline theme's styles reach the builder's preview.
Units and defaults in the builder (#684, D-178). A size in a style — a stroke's width, a font's size, a marker's size, a hatch's spacing — has a unit select beside its box (user units, px, pt, pc, mm, cm, in, em, and % where the size has a box), so {12, :pt} reads 12 · pt. A gradient's center is two boxes, and a hatch's pattern is chosen by its picture. Defaults are edited where their container is: a frame's and the design's on the frame's page, a layer's or a group's in the site's context — by part, and by mark kind (an entry added from + kind and dropped with ×). A group's defaults now reach the builder's preview as they reach a deployed design.
The builder's color chooser picks by name and builds transforms (#683, D-178). The chooser lists the theme's color table by name, grouped by use — series, roles, furniture, the theme's own colors, and the CSS names folded away — each patch in the color the design's theme gives it. Picking a name writes color(:name). A color written as a pipe of transforms (color(:red) |> shade(700) |> alpha(0.8)) is shown as a chain: the base, then each step with the color reached so far, its amount as a slider, and an × to remove it; + step adds intensity, alpha, lighten, darken, saturate, shade, contrast or blend, and a blend's operands are chains of their own. Picking a color for a field that holds a chain replaces its base and keeps the steps. The chain edits through a new color_chain event.
Generators: styles and colors computed when a chart is drawn (#680, #654, D-177). A design may store a call, generate(:name, args) (import Visualize.Generators), where it cannot know the value in advance — each chat message in its sender's tenant style, say: style: [:message, generate(:tenant_style, [{:field, :tenant}])] as a stack entry (returning a style), or fill: generate(:brand_color, [{:field, :tenant}]) in a paint (returning a typed color). Define generators in your own module with use Visualize.Generators and defgenerator tenant_style(tenant, ctx) do … end, where ctx holds the theme, the design's variables and your assigns:; register the module with config :visualize, generators: [MyApp.Generators] or the generators: option of Visualize.Chart.from_map/2, from_json/2, apply/2, compile/2, a board's realize/4 and Visualize.Board.Server (which also takes assigns:). An unknown name or a wrong arity is a validation fault when the chart is built. A result of the wrong type applies nothing and is logged; a generator that raises is not rescued. Results are computed once per distinct arguments while a mark draws. Visualize.Chart.explain/2 lists every generator it called, with its arguments and result, at its layer. JSON writes a call as {"$generate": [name, [args…]]}. The examples gain a tenant chat board at /tenants.
Enter and exit by identity (#678, D-176). enter: %{name: :grow} (or :fade) and exit: %{name: :explode} (or :fade, :shrink, or a host's keyframes) say how a row's element arrives and leaves: a row whose identity a drawing gains enters, one it loses exits. Enter is a CSS animation on the new element's wrapper; exit is played by the new MotionHook, which copies each leaving element before a LiveView patch and plays the copy in an overlay over the chart — :explode cuts it into sixteen pieces that fly outward, turn and fade. Visualize.Components.Chart and a board's cell put MotionHook around any drawing whose elements carry data-vis-id, so a board whose feed loses a row explodes it with no host code. The canvas hooks draw a gone identity again while its exit plays. Reduced motion shows neither. A compiled chart's SVG layers — a board cell's drawing among them — now write a style's transitions and animations as the frame does; before, they reached a board's SVG as nothing. The examples' interaction page has a bar per service that fades between states, pulses in error, and explodes when clicked.
Style animations (#677, D-176). animation: %{name: :pulse, duration: 1200} runs a motion while the style holds — :pulse, :blink, :shake, :spin, or a string naming the host's own keyframes — with easing, iterations (:infinite by default) and delay. A state's style carries it, so error: %{fill: color(:bad), animation: %{name: :pulse}} pulses exactly the rows in error. :css SVG wraps each animated element in a <g class="vis-animation-…"> and writes the built-ins' @keyframes once per frame; the canvas hooks run the same keyframes, which the motion span now carries, and VisualizeMotion.register/2 gives a canvas the host's. prefers-reduced-motion: reduce stops every animation, and a design cannot override it. A host's keyframes name must be a CSS identifier ({:unsafe, :animation}). On a canvas every element of a moving mark is now drawn inside a save/restore, so its own transform no longer reaches its siblings.
Style transitions (#676, D-176). A style may say how its look changes: transition: %{duration: 200, easing: :cubic_out} moves the fill, the stroke and the opacity, transition: %{fill: %{duration: 400}} the fill alone, along a Visualize.Ease curve. It is a part like any other: a state's or a role's style carries it (error: %{fill: color(:red), transition: %{duration: 300}}), and defaults give it to every element below. In :css SVG each distinct transition is one class and one rule in a <style> the frame writes, the easing as CSS linear() sampled from the same curve, and a moving element's colors are written as oklch() so the browser blends them in OKLab. On a canvas, CanvasChart and CanvasBinaryChart move each element in a requestAnimationFrame loop, keyed by the row's identity, which a moving mark's elements now carry as data-vis-id (the slot's declared identity, else the series); the :json commands gain motion/motionEnd and the binary stream the version 2 records 0x53/0x54. prefers-reduced-motion: reduce makes every transition instant, and a design cannot override it. A chart without a transition renders byte for byte as before. New: Visualize.IR.Motion.
A shadow's offset and color (#674, D-175). effect: %{type: :shadow, radius: 4, offset: [pt(2), pt(3)], color: color(:text) |> alpha(0.4)} moves and colors a shadow; the offset takes #671's units (a pct is refused, there is no box), and a color given carries its own opacity. Without them a shadow is what it was, byte for byte: offset half its radius, black at 0.35. SVG gets a filter per distinct shadow, the canvas commands set the shadow properties, and the binary canvas now draws effects at all — a shadow or a blur was dropped from the binary stream before — through a version 2 effect record (0x52). Visualize.IR.Element.drop_shadow/4 takes the color.
A hatch paint (#673, D-175). fill: %{type: :hatch, color: color(:bad), pattern: :crosshatch, angle: 45, spacing: pt(4), width: pt(1)} fills an area with lines, crossed lines or dots of one color over an optional background, so a category or a state reads without hue — in grayscale and on paper. pattern is :lines (the default), :crosshatch or :dots; angle defaults to 45, spacing to 6 and width to 1, and both sizes take the units of #671. It is written in a style or declared under defs like a gradient, and draws the same on SVG (a <pattern>), the :json/:js canvas and the binary canvas. It is a fill: a stroke has no hatch keys.
- The print theme hatches its role fills: :good and :warning diagonal lines, :bad a crosshatch, :info dots (:neutral stays solid), so a role keeps its meaning on a grayscale print. A chart drawn with theme: :print and style: :bad on a bar therefore now shows a red crosshatch where it showed solid red.
- A frame now declares a paint written in place only when it draws it.
Gradients draw on the canvas (#672, D-175). A :linear or :radial paint — declared under defs or written in a style — now draws as a gradient on every canvas backend, not as its first stop's color: the :json and :js commands and the binary stream build it over each element's own bounding box, matching SVG's objectBoundingBox, and a gradient on a group is built over each child. A resolve: :literal render (the PNG path) draws the gradient too. In an IR you build yourself, a :fill or :stroke may be a %Visualize.IR.Paint{}, with Visualize.IR.Paint.definition/1 for its <defs> entry.
- The binary stream has a version 2, written only when a stream draws a paint: a version record (0x00 0x02), each paint once (0x50), a paint index in the style record (bits 5 and 6) and the element's box (0x51) before its draws. Every other stream is byte for byte what it was. The hooks shipped with the library read both versions; a page running hooks from an older release throws on a version 2 stream instead of drawing it wrongly, so update the hooks with the library.
- The CanvasChart commands gain linearGradient and radialGradient, and a JSON command's arguments may now hold a list.
- Two deviations remain, both stated in spec/09 §3.3.3: a radial gradient on a stroke over a box that is not square is drawn as the circle of the same area, and a canvas text filled with a gradient takes its first stop.
Sizes in units, and strokes that do not scale (#671, D-174). A style size can now be written in a unit: stroke: %{width: pt(1.5), dash: [mm(2), 4]}, font: %{size: em(1.2)}, text: %{offset: [pct(10), 0]}. import Visualize.Units gives px/1, pt/1, pc/1, inch/1, cm/1, mm/1, em/1 and pct/1, each building {n, unit}; absolute units convert at CSS's ratios (96 px = 1 in = 72 pt). Every unit is resolved on the server, so SVG and canvas get the same number: em at a font size is relative to the inherited font size (the containers' defaults, else the theme's font_size), and elsewhere to the element's own; pct is allowed only where a size has a box (a text offset of the labeled element, a marker size of the mark's band, a font size of the inherited one). A pct stroke width, dash or effect radius is the new validator fault {:no_box, key}, and a unit at an opacity {:no_unit, :opacity}. A unit-valued marker size is the side of the square, not its area. In JSON a unit is {"$unit": [1.5, "pt"]}. stroke: %{non_scaling: true} keeps a stroke's width on screen under a scale: SVG writes vector-effect="non-scaling-stroke" on each shape, and the canvas backends divide the width by the current transform's scale when drawing (a new nonScalingLineWidth command that CanvasChart understands, and bit 4 of the binary style record). Visualize.Units also carries the world length table (mm … mi) that scenes will use. Bare numbers mean what they always did.
Inherited style defaults (#670, D-174). A design and a frame take defaults: a style's parts that every element inside inherits under its own style, and an entry per mark type, so "every stroke here is 2 wide, every line 1.5" is said once: defaults: %{stroke: %{width: 2}, line: %{stroke: %{width: 1.5}}}. A nearer container wins over a farther one, a mark type's entry over the same container's parts, and any style over every default. A partial paint keeps the series color (stroke: %{width: 2} only widens it), and a default paint is the color of every mark that names none. Defaults also reach mark labels, frame labels, axes and legends, under their named styles. A composite (a layer or a group in the builder) takes defaults beside uses, and Visualize.Chart.Composite.flatten/2 writes them onto the marks, labels, axes and frames it places, which therefore take defaults too. A theme's new defaults field is laid under every design's, and Visualize.Theme.defaults/1 answers a theme's root with every part defined (a 1-wide butt-capped stroke, the theme's font, …). Visualize.Chart.explain/2 shows the theme, container and kind layers in each part's chain, each link with a new container key, and Build.defaults/1 builds the fragment. A design or a theme without defaults renders byte for byte as before and carries no defaults key in its map or JSON.
Automatic dark mode (#668, D-173). A chart rendered as a root <svg> in :css mode under the implicit default theme now carries a <style> that switches to the dark theme when the viewer's system prefers dark (@media (prefers-color-scheme: dark), scoped to the chart). It needs no host code, and colors derived with color-mix follow. A theme declares its counterpart with the new dark and light fields; default/0 and dark/0 pair with each other, and a theme from new/1 has none unless given. The switch is off when the host passes a theme of its own, when the design names a theme other than :default, with color_scheme: false to Visualize.Chart.generate/2 or render/2, and in :literal output. Visualize.Theme.color_scheme/2 returns the rule, and Visualize.IR.Element.stylesheet/1 builds the new :style IR element, which only the SVG backend writes.
shade(c, n), a color's tints and shades by step (#667, D-173). Visualize.Color.shade/2 takes a step from 0 to 1000 in the designers' convention: 500 is the color, 0 near white and 1000 near black. For example, shade(color(:red), 100) is a pale red background and shade(color(:red), 700) a dark red border. Steps are computed in OKLCH on one curve that keeps the hue and eases the chroma toward the ends. A theme may pin steps from a brand's tokens with colors: %{red: %{500 => "#d62728", 100 => "#fde8e8"}}. A pinned step is its own custom property (--vis-red-100), which stylesheet/1 declares, and in JSON pinned steps are {"$steps": [[100, "#fde8e8"], [500, "#d62728"]]}.
Color transforms follow a stylesheet's theme switch (#665, D-173). On the SVG backend (:css mode), a transform is written as the CSS that computes it rather than a fixed literal: intensity and blend as color-mix(in oklab, …), and alpha, lighten, darken and saturate as relative oklch(from … ) colors over the theme's custom properties. Switching the theme class recolors derived colors too. Canvas and PNG output still get the computed literal, which is the same color. These CSS features need a 2023-or-later browser. Visualize.Theme.stylesheet/1 now ends with an @media (forced-colors: active) block that maps the furniture colors to the user's system colors in high-contrast mode.
A color table on every theme (#663, D-173). color(:red) is the theme's red: names are looked up in the theme's own colors, then the default theme's, then the CSS named colors, and the furniture (:text, :axis, …) and :series_k are names too. The built-in themes name their hues :red, :amber, :green, :blue and :gray; :dark's are lighter. Visualize.Theme.new(colors: %{brand: "#123456"}) adds a name. A name resolves as a slot does, var(--vis-red, #c23238), and stylesheet/1 declares the theme's own names. Visualize.Theme.color_names/1 lists the table.
Typed colors and their transforms (#662, D-173). Visualize.Color builds colors as data: color(:red) and ramp(:thermal, 0.7) name a color, and intensity/2, blend/1, alpha/2, lighten/2, darken/2, saturate/2 and contrast/1 derive one from others. Each takes the color first, so they pipe: [color(:blue) |> intensity(0.65), color(:red) |> intensity(0.3)] |> blend() |> alpha(0.65). The transforms work in OKLab and OKLCH, and blend follows CSS's color-mix: the intensities are the weights, and a sum below 1 leaves the rest transparent. Visualize.Color.resolve/3 resolves a color against a theme; a transform resolves to the literal it computes, gamut-mapped as a browser maps it. to_oklab/1, to_oklch/1, oklab/4 and oklch/4 convert. saturate/2 on a %Visualize.Color{} keeps its old meaning. Import the helpers by name (import Visualize.Color, only: [color: 1, …]), since Visualize.Color.to_string/1 would clash with Kernel's.
A style palette in the theme (#636, D-171). %Visualize.Theme{} has a styles field: whole looks under fixed names, as the colors already were — style series :style_1 … :style_n ({:style, i} cycles), the five roles, the view states :hover, :focused, :selected, :active, :disabled, :muted, :emphasis and :breakpoint, and the furniture styles :axis, :grid, :label, :title, :caption, :value and :annotation. Every built-in theme defines all of them; Visualize.Theme.style/2 reads one (the default theme's entry where a theme lacks it) and style_names/1 lists them. Visualize.Theme.new/1 and merge/2 take styles: and merge it key by key, and refuse an entry that breaks its contract with an ArgumentError naming the theme, the entry and the term: a role paints only with its own role, a state style changes something besides color, neighboring style series differ besides hue, text furniture names a font and a size, :grid has a stroke, no extends, no new names. check/1 and violations/1 now also report palette faults, under {:style, name}.
Designs name palette styles, by name and by data (#637, #644, D-171). Every palette name is a style reference: style: :warning, style: [:node, :selected] and extends: :bad draw the theme's whole look, and a design's own styles entry of the same name wins; a theme swap restyles every mark that names one. A style stack also takes a field binding whose value names the style: style: {:field, :health} or style: [:node, {:field, :health}, %{stroke_width: 2}] draws each datum in the style its health names — an atom such as :warning, or the string "warning" as a feed sends it — resolved against the design's styles and then the theme's palette. A path per series takes its first datum's style, and a mark's inline label its labeled datum's; a value that names no style, or nil, applies nothing and the mark keeps its own look. Every style site accepts the binding (mark, label, mark_label, axis, legend); where there is no datum it applies nothing. In JSON it is the usual {"$field": "health"}.
A stored theme carries its palette (#637). An inline design theme and a Visualize.Chart.Theme document accept styles, each entry checked as a style node and by the palette's contracts ({:contract, message} at [:theme, :styles, name]), so a theme read back draws as the theme that was written.
The hooks draw hover and focus from the palette (#638, D-171). Visualize.Hooks.Crosshair.attrs/3 writes data-vis-hover and Visualize.Hooks.Keyboard.attrs/1 writes data-vis-focused: the palette's :hover and :focused as the chart's design and theme resolve them, a design's own styles entry of the name winning. CrosshairHook's markers and KeyboardHook's focus ring draw with them — by default a 2-pixel ring in the theme's text color, the focus ring dashed. New Visualize.Hooks.Tooltip.attrs/1 gives TooltipHook the same data-vis-hover, with which it outlines the datum it shows; Visualize.Components.Chart writes it, so its charts now outline the hovered datum. A hook element without the attribute — markup a host writes by hand — draws exactly as before.

Changed

Names a document declares are strings (#780, #778, D-195). Breaking. Reading a design, a board, a snapshot or a virtual source made one atom per distinct name it declared — 7,000 atoms for a thousand designs of seven names — and atoms are never collected. Now every name a document declares is a string in the map form, whichever spelling it was written in, and reading any number of documents makes no atom: a source, a field, a variable, a frame, a scale, a style, a paint, a Use key, a mark's id; a board's cell, variable, link and virtual source; a virtual source's id, inputs and fields. The JSON on disk is unchanged, and a stored document reads as it did, with no migration. Elixir input written with atoms is still accepted: every reader turns an atom in a name position into its string, so %{frames: %{main: …}}, {:field, :v} and Visualize.Chart.var(:unit) read as the design JSON gives. The library's own words stay atoms: node keys, enumerations, mark types, theme slots and palette names, CSS colors, units, built-in themes. A category value ({"$atom": "ok"}, a fact's values, a :choose mark's cases, a style by field) is matched by spelling, so :ok and "ok" are one value. Field reads from your rows still work for atom-keyed and string-keyed rows alike (Visualize.Data.Table.get/2), and no row is copied.

What you change, where your code reads a value the library hands back:

You read	Before	Now
a design's maps	`design.frames.main`, `chart.styles.series`, `scales.x`	`design.frames["main"]`, `chart.styles["series"]`, `scales["x"]`
a reference	`{:field, :v}`, `%Var{name: :unit}`, `mark.data == :primary`	`{:field, "v"}`, `%Var{name: "unit"}`, `mark.data == "primary"`
a fault's path and reason	`{[:frames, :main, :axes, 0], …}`, `{:undeclared, :source, :s}`	`{[:frames, "main", :axes, 0], …}`, `{:undeclared, :source, "s"}`
`Chart.compile/2`	`{:ok, %{main: compiled}}`	`{:ok, %{"main" => compiled}}`
`Chart.apply/2`	`applied.frames.main`, `applied.sources.primary`, `applied.schemas.cells`	`applied.frames["main"]`, `applied.sources["primary"]`, `applied.schemas["cells"]`
a board	`board.cells.latency`, `board.vars.unit`	`board.cells["latency"]`, `board.vars["unit"]`
a board's process	`{:cell, :latency, view}`, `view.cell == :latency`, `Server.info(b).cells.a`	`{:cell, "latency", view}`, `view.cell == "latency"`, `Server.info(b).cells["a"]`
a binding	`binding.slots == %{{:a, :primary} => :cpu}`	`%{{"a", "primary"} => :cpu}`; a feed stays your term
a selection, an identity, an event	`{:service, "api"}`, `%Event{cell: :a, frame: :main}`, `item: {:dot, %{row: r}}`	`{"service", "api"}`, `%Event{cell: "a", frame: "main"}`, `item: {"dot", %{"row" => r}}`
`Board.realize/4`, `components/3`, `required_sources/3`	keys `:a`, `{:a, :primary}`	keys `"a"`, `{"a", "primary"}`
a snapshot	`snapshot.cells.a.slots.primary`; rows read back keyed `:t`	`snapshot.cells["a"].slots["primary"]`; rows read back keyed `"t"`
a host theme	`Theme.new(name: :house).name == :house`, a color `:brand`	`"house"`, `"brand"`; a built-in theme and the library's colors stay atoms
a virtual source	`source.id == :health`, paths `[:ops, :health]`, output rows `%{n: 1}`	`"health"`, `["ops", "health"]`, `%{"n" => 1}`
a feed-only input	`{"vm.load", window}` (a string named only a feed)	`{{:feed, "vm.load"}, window}`; a plain string is a short id, resolved to a virtual source first, else the feed
a `defsource` function	`inputs.hosts`	`inputs["hosts"]`; its rows are your feed's, as before

Arguments that name a name take either spelling: Server.pick(board, :a, …), Server.select(board, {:service, "api"}), Chart.explain(applied, at: [:frames, :main, :axes, 0]), Binding.new(%{{:a, :primary} => :cpu}), vars:, sources: and schemas: maps keyed by atoms all still work. A stored function (a virtual source's elixir) reads its inputs, its rows' fields and their category values as it reads its own literals: a word Elixir's functions take (:ok, :desc, :second, :day, …) is that atom, any other name its string — %{hosts: rows}, row.cpu and row.state == :ok work as before, and :warning in a function and a row's :warning are both "warning". It no longer needs its names to exist as atoms beforehand: a variable, a field or an atom literal the node has never seen is accepted.

What JSON a writer produces. A name is written as before. A category value an Elixir design gave as an atom the library has no word for (:warn in a color map) is now written as its plain string, "warn", where it was {"$atom": "warn"}; both read as the same map. A gradient declared under defs draws under a new opaque id prefix (the prefix is a hash of the defs, whose names are now strings).

The builder's board mode draws only the cells an edit touched (#723, D-191). Every event and render in board mode drew every cell's preview and validated the whole board — about 2.1 million reductions a pass on an eight-cell board. Each preview is now kept by its inputs (the cell, the board's shared state, its component as the store holds it, its data, the theme, the catalog and its binding), and the validation by the board and its components, so a pass that changes nothing draws nothing (about 73,000) and an edit to one cell draws that cell. A catalog feed's sample rows now end at the instant the host gave the catalog rather than at each render.
American spelling: the color-safe theme is :color_safe, and a map of colors is $colors in JSON (#642, D-183). The built-in theme and its function are Visualize.Theme.color_safe/0 and theme: :color_safe, and Visualize.Theme.builtin/1 knows only the new name; a color map range is written {"$colors": …}. A stored design, inline theme or theme document that names the theme by its old spelling, and a stored document holding the old tag, read as the new ones and draw exactly as before, so nothing stored needs rewriting. Code that passes the old theme name changes it. The old names:
 :colour_safe → :color_safe, Visualize.Theme.colour_safe/0 → color_safe/0, {"$colours": …} → {"$colors": …}.
American spelling: the released British names are renamed, with no deprecated aliases (#642, D-183). Change these names where your code calls or matches them:
 | Before | After | |---|---| | Visualize.Board.realise/3, realise/4 | Visualize.Board.realize/3, realize/4 | | Visualize.Board.Snapshot.realise/3, realise/4 | Visualize.Board.Snapshot.realize/3, realize/4 | | Visualize.Color.Vision.recolour/2 | Visualize.Color.Vision.recolor/2 | | Visualize.Theme.colour_slots/1 | Visualize.Theme.color_slots/1 | | {:type, :colour}, {:type, :colour_map}, {:type, :theme_colour} (validator faults) | {:type, :color}, {:type, :color_map}, {:type, :theme_color} | | {:colour_map, kind} (validator fault) | {:color_map, kind} | | {:colour_key, key} (feed schema fault) | {:color_key, key} | | Visualize.Chart.Transform.apply/3's centre: | center: | | Visualize.Chart.Builder.Place.new_frame/3's :centre | :center | | the builder's colour_chain and drop_colour events, :colour panel and glyph, vis-builder-colour* classes and data-builder-colour attribute | color_chain, drop_color, :color, vis-builder-color*, data-builder-color | 
The words the library writes are American too: Visualize.Chart.Validator.format/1's and a feed schema's messages ("is not a color"), the builder's labels and titles, and the builder library's group for entries without one, Uncategorized. A host that compares a message's text changes it.
A JSON document's unknown or retired $ tag is refused, not read as data (#645, D-182). Chart.from_json/2, Board.from_json/2, Board.Snapshot.from_json/2 and Chart.Fragment.from_json/2 hold a document to the one table of tags before decoding it: a one-key object whose key starts with a single $ is always a tag, and one the library does not read — a misspelling such as {"$feild": …}, or a tag from a newer release — is {:error, [{path, {:unknown_tag, tag}}]} at the object's path; the retired $styles is {:retired_tag, "$styles", why}. Fragment.from_json/2 returns these as {:error, {:tags, errors}}. Before, such an object loaded silently as a plain map. Data whose map keys start with $ — a variable's default, a :const value, a board's variable names — is now written with the key escaped as $$… and read back as it was, so a value like %{"$atom" => "x"} no longer comes back as the atom :x. A version 2 document (0.6.x) reads exactly as before.
The builder edits a style in its parts (#682, D-178). A style's form is the whole element's keys (extends, opacity, blend, class), then one section per part — fill, stroke, font, text, effect, marker, curve, transition, animation, enter, exit — each with its own keys. A fill's and a stroke's first control is the paint type (none, solid, linear, radial, hatch, a named paint), and it decides which keys follow; a gradient picked over a color starts from it, and its stops are rows you add and remove. At a mark's or a label's site the parts that element does not draw are grayed ("not drawn by a line"). Controls are named by their path (stroke.width, fill.stops.1.color), so a host that drives the builder's edit event by name uses those names; the flat names (stroke_width, fill_style, font_face) are gone. An edit writes only what was set, in its part — a width set at a site is %{stroke: %{width: 7}} in the local style — and a style still written in the flat keys of version 2 is rewritten in its parts by its first edit. Add style now declares the style as a site keyed by its name in the design, never inside the selected layer; a name already declared is opened instead. The builder editor's changes now takes the node the write lands in (Visualize.Chart.Builder.Editor.changes/3); the builder's Fills module and the schema's group and groups functions are removed, and a key spec no longer carries group. A choice of types in a text box now reads as whichever alternative takes it — an animation's iterations takes 3 or infinite.
Theme contracts on role styles are rewritten (#666, D-173). A role style may now paint in any color, since a theme restyles what a meaning looks like. In place of "a role paints with its own role", a theme is refused when:
- two role styles differ only in hue (no dash, marker or weight between them);
- two role styles paint colors closer than ΔEOK 0.02;
- a role style's solid fill or stroke falls under 3:1 against the theme's background (WCAG 1.4.11), or its fill under 4.5:1 when the entry has a font (WCAG 1.4.3);
- a palette entry paints with a color name the theme's table lacks.
The refusal names the measured ratio and the rule. Every built-in theme passes. A host theme with an off-white background and the light status greens may now be refused: the default's good is 3.16:1 on white.
Colors in a design are typed (#664, D-173). A color position of a design always holds a literal string, :none or a typed color. fill: :bad is read as fill: color(:bad), and :contrast as contrast(), the ink over whatever the text is drawn on (new: Visualize.Color.contrast/0). The rewrite happens silently on every read, at every version, so stored designs draw as before, but a design read back holds {:color, :bad} where it held :bad. The validator checks every color name against the theme's color table: {:undeclared, :color, name} replaces {:undeclared, :slot, name} for colors. JSON writes typed colors with tags: {"$color": "bad"}, {"$intensity": [c, 0.65]}, {"$alpha": …}, {"$lighten": …}, {"$darken": …}, {"$saturate": …}, {"$blend": […]} and {"$contrast": c | "under"}. The old spellings ("bad", "contrast") are still read, and an unknown $ tag in a color position is refused. The theme palette is written in typed colors (Visualize.Theme.style/2 answers color: {:color, :warning}). The built-in light and dark status ramps are [color(:green), color(:amber), color(:red)], so a theme that changes its red changes its bad end. A ramp anchor may name a color of the table.
Role colors are names in the theme's color table (#663, D-135 amended). %Visualize.Theme{} has no roles field: :info and :neutral are entries of colors, and :good, :warning and :bad are the entries {:ramp, :status, 0 | 0.5 | 1}, so they still follow status. roles: given to new/1 or merge/2, and a roles key in an inline or stored theme, is read as colors. A theme may now set :good, :warning or :bad itself, which used to be refused. A contract fault on a color is reported under {:color, name} and at [:theme, :colors, name], where it was {:role, name} and [:theme, :roles, name].
A style is written in compound parts; designs are schema version 3 (#657, #649, D-172). A style holds fill, stroke, font, text, effect, marker and curve as parts, beside opacity, blend and class: %{fill: %{type: :solid, color: :bad, opacity: 0.8}, stroke: %{color: :bad, width: 2, dash: [4, 2]}, font: %{size: 12, weight: :bold}}. fill and stroke are paints — type :none, :solid, :linear, :radial or :paint (a gradient under defs) — so a gradient can now be written in place: fill: %{type: :linear, color: [:series_1, "#fff"], angle: 90}. Short forms still work (fill: :red, fill: :none, fill: {:paint, :fade}, curve: :step). extends: and a stack merge a part key by key, so %{extends: :warning, stroke: %{width: 3}} keeps the warning stroke's color and dash; a part whose type changes is replaced, keeping its opacity and a stroke's line. Nothing to migrate: the flat keys of earlier versions (stroke_width, fill_opacity, font_size, symbol, curve_opts, …) are read as the parts they mean everywhere a style is read — a stored design, JSON, a design built in your code, a theme's styles:, Visualize.Chart.Build.style/3 — and the 2 → 3 migration rewrites stored designs. Gradients under defs take the same words: type, center, and stops of %{at, color, opacity} (kind, centre, offset and colour are read as these).  Visualize.Chart.Build.gradient/3 writes them. Charts render as before; a declared gradient's SVG id prefix changes once, being a hash of defs.
The theme palette is written in parts, and gains modifiers (#657, D-172). Visualize.Theme.style/2 answers an entry in parts (%{stroke: %{width: 2}} for :selected). New palette names :bold, :italic, :thin, :thick, :dashed, :dotted and :outline each change one thing, to stack on a look: style: [:bad, :outline] is the bad look's dashed outline with no fill. A role's cue is :cue on stroke.dash and marker.shape; contract messages name the part (fill.color must be :bad or absent).
A list of styles goes anywhere a style goes (#658, D-172). A styles entry may be a list or another style's name — styles: %{bad_bold: [:bad, :bold], alert: :bad} — as may extends: (%{extends: [:bad, :bold], fill: :none}) and a theme's palette entry (Visualize.Theme.new(styles: %{emphasis: [:bold, :thick]})); each stacks left to right, part by part. A style that reaches itself through a name, a list or extends is a :cycle validation fault. A board now lays its selection's view state before a mark's trailing inline style, so a local edit still wins over :selected/:muted (Visualize.Chart.Style.with_state/2).
Each mark kind draws only its own parts; a line no longer draws a fill (#659, D-172). A line or a rule draws its stroke; areas, bars, rects, arcs, bands, circles and paths their fill and an outline; a symbol also its marker; a text and a label the font and text placement. A part a mark does not draw is ignored — so style: :bad on a line is the bad dashed stroke with no area under it, and a font on a bar writes nothing. Draw the area under a line as an :area mark beneath it with the same channels. A stored version 2 design whose line had a fill is migrated to exactly that, the marks it moves keeping their series color; with a series channel the migrated area paints each series in its own color, as an area does.
Designs are treated as untrusted input (#660, D-172). A font family holding <, >, /, ;, {, }, \ or a control character is a {:unsafe, :font_family} validation fault, and a class must be CSS class names ({:unsafe, :class}). A canvas now escapes its font string and < in every string it writes into JavaScript, and Visualize.Theme.stylesheet/1 writes CSS-breaking characters as escapes. A tiles url is checked when a design is validated: https: passes, http: only with config :visualize, urls: [http: true], data: only as a PNG, JPEG or WebP image; any other scheme or a relative URL is {:url, reason}, and urls: [hosts: [...]] (config, or from_map/2/from_json/2's urls: option, which can only be stricter) limits the hosts. A design with an http: tiles URL now needs the config.
Visualize.Chart.explain/2 traces an element's look (#661, D-172): explain(applied, at: [:marks, 0], datum: row, state: :selected) answers, for each part of that element's style, its resolved value, whether the mark kind draws it, and the chain of layers that set it — the palette or a declared style (with the names it was reached through by extends or a list), the style a field's value chose, a view state, the site's local edit, or the mark's own series color.
New in Visualize.Chart.Style: drawn/2, normalize/1 (any spelling to the stored parts), merge/2 (the part-by-part merge) and project/1 (the parts as the flat element keys). Visualize.Chart.Migration.current/0 is 3, with canonical/2, parts/2 and flat_type/1; boards, themes and fragments are stamped version 3, and a version 2 document still reads. A validation fault in a flat key is reported at the part it means: stroke_width: "thick" at […, :stroke, :width].
A board's selection is drawn with the palette's :selected and :muted (#638, D-171). The data that hold the selection are drawn :selected and the rest :muted, through a field entry that ends each data mark's style stack and names the state, so a component restyles its board's selection by declaring selected: or muted: in its styles, and a theme's entries apply otherwise. The built-in :muted fades as before (opacity 0.25); the built-in :selected is now stroke_width: 2 alone, so a selected line or rule keeps its color and draws heavier, and a bar, a point or a text draws as before. Declare your own selected: for an outline. A cell that does not show the selection draws as before.
The built-in styles :axis, :grid, :label and :title come from the chart's theme (spec/14 §3.3). Under the built-in themes they are the same nodes as before and every chart renders byte for byte as it did; a host theme built with styles: can now restyle its titles, labels, axes or grid for every chart drawn under it. A design's own styles entry of the same name still wins.

Fixed

One click is one event (#765, D-198). With a pick event set, as on a board's cell, a click on an item whose mark declares an event arrived twice: as the mark's event and as the keyboard's pick of the nearest point. Now it arrives once, as the mark's event; a click elsewhere still picks.
A field binding in a mark label's style draws (#766, D-196). label: %{style: %{fill: {:field, :v}}} validated and then raised Protocol.UndefinedError at render; each label now reads it from the row it labels, through the frame's color scale, as the mark's own style does. A frame label, an axis and a legend draw from no row, so a {:field, f} value in their style — inline, or in a design style they name — is now refused when the design is read, as {:invalid_for, :label | :axis | :legend}, instead of raising at render. A stack entry {:field, f} there still lays nothing. Visualize.Chart.Schema.style_sites/0 lists every style site.
A document no longer makes atoms from its unknown keys or from the library's vocabularies (#779, #778, D-195). Atoms are never collected, and a node that runs out of them stops. Reading a JSON design turned every key into an atom before validating it, so a refused document cost as much as an accepted one: 1,000 unknown keys made 1,000 atoms, and one 5.4 MB design holding large maps under an unknown key made about 300,000. Now Visualize.Chart.from_json/2, Fragment.from_json/2, the theme reader, Visualize.Board.from_json/2 and Snapshot.from_json/2 look each key up in the schema's own keys. A key the schema does not know stays a string, is refused as :unknown_key at that spelling, and nothing under it is read, so it makes no atom. A string where a library vocabulary goes is looked up the same way: an enumeration's member, a theme slot (series_k up to 100,000), a text anchor, a $frame point, a $fact attribute, a unit, a ramp, an id's kind, a color transform, and the side of an axis ticked in the builder. An unknown one stays the string it was and is refused by type at its path.
- What changes for a host. An unknown key read from JSON is reported with the key as a string in its path, {[:frames, :main, "wdth"], :unknown_key}, where it was :wdth. format/1 words both alike (frames.main.wdth: is not a key of this node).
- Nothing that was accepted is refused now. Every such key and value was already refused by the validator, as :unknown_key, {:enum, …} or {:type, …}; the reader made an atom of it first. It is refused the same way now, without the atom.
- The builder's literal reader reads typed text without making an atom: a literal such as :brand_new typed into a field is the string "brand_new" unless the library has the word (#780, below).
- The names a document declares no longer make atoms either: see Names a document declares are strings under Changed.
- A new gate. mix vis.atoms fails on any atom made from a string in lib/ outside audit/atoms_allowlist.exs, which gives each remaining site its class and bound.
A board cell whose mark keeps each identity's latest row no longer crashes (#752). The board drew a cell's hover and keyboard hooks from a frame realized without the slots' schemas and the board's now, so a :window step with latest: true raised and the cell restarted forever; that frame is realized as the applied one is.
An SVG <line> with no stroke draws nothing on the binary canvas (#747, D-122). Visualize.Backend.CanvasBinary.encode_element/2 given a Visualize.SVG.Element tree stroked every <line>, in its group's stroke color or black, even with no stroke or with stroke="none", where SVG draws nothing. A line is now stroked only where it has a stroke of its own or inherits one from a group, as in SVG and as the other canvas encoders already draw it. Nothing in the gallery changes: its canvases are encoded from IR elements, and the only stroke-less lines among its charts are ticks a design hides with stroke: none, which now stay hidden when converted with Visualize.SVG.Element.from_ir/1 as well.
An SVG element's own transform is drawn on the binary canvas (#746, D-193). Visualize.Backend.CanvasBinary.encode_element/2 given a Visualize.SVG.Element tree read transform only on a <g>, so a <rect>, <circle>, <path> or <line> with a transform of its own — as Visualize.SVG.Element.from_ir/1 writes for a transformed IR element — drew untransformed. It also read only a leading translate(…) or scale(…), so a rotate(…), skewX(…), skewY(…) or matrix(…), and every operation after the first in a list such as translate(50,40) rotate(30), were dropped, on a group too. The attribute is now read as SVG reads it, the whole list, on a group and on a drawing element, whose transform is its own and does not reach its next sibling; a transform in error is ignored, as SVG ignores it. A group's lone scale(…) is now written as a matrix record: the same drawing in 16 more bytes.
An SVG element's stroke width no longer carries over to its next sibling on the binary canvas (#744, D-193). Visualize.Backend.CanvasBinary.encode_element/2 given a Visualize.SVG.Element tree left an element's own stroke-width, fill and stroke colors in the canvas state when it stood at the root or under a group that set none of them, so a later sibling that strokes without a width of its own drew at the earlier element's width instead of SVG's 1. Every drawing element that sets a color, a width, a dash, a cap or a join is now drawn inside its own save … restore, as the IR encoders' elements are (D-179), wherever it stands; an element that sets none costs nothing. A styled element's stream is two bytes longer.
An SVG element's opacity multiplies into its fill and its stroke on the binary canvas (#742). Visualize.Backend.CanvasBinary.encode_element/2 given a Visualize.SVG.Element tree let an element's opacity replace its fill-opacity, and never applied it to the stroke, so a translucent element's outline drew opaque and a fill-opacity beside an opacity was lost. Each paint's alpha is now the product of the color's own alpha (rgba(), #rrggbbaa, which an opacity also used to replace), the paint's opacity and the element's, composed with a translucent group's as SVG composes them; where an element's stroke overlaps its own fill the fill shows through the stroke's inner half, as on the other canvases. A child that sets its own fill, stroke or width under a group that sets one no longer leaves it to the next sibling, which now draws in the group's paint as SVG draws it.
An SVG element's group passes its paint on the binary canvas (#734, D-192). Visualize.Backend.CanvasBinary.encode_element/2 given a Visualize.SVG.Element tree ignored a <g>'s presentation attributes, so a child that took its fill, stroke, width, fill or stroke opacity, dash, cap or join from its group drew without them — a child with no fill or stroke of its own drew nothing — where SVG drew it with the group's. A group's attributes (and the root <svg>'s) are now its children's state, a child's own winning, and a group's opacity is its children's global alpha, nested groups' multiplied: exact where the children do not overlap, an overlap drawing more opaque than SVG's. A tree whose groups set none of them encodes byte for byte as before.
A board names its cells' state panels by the cell (#722). The loading, crashed and other whole-cell panels, and the banner over a stale, capped or down chart, took a root id derived from their title, so two cells in one state shared one — and any rule scoped to it. A whole-cell panel now takes the cell's root id <board id>-<cell>-chart (it stands where the chart would) and a banner <board id>-<cell>-chart-banner, live, in a snapshot and exported; the builder's board preview gives its fault panel the cell's preview id. Visualize.Board.State.render/4 and banner/4 take id:; the three-argument forms are unchanged.
A compiled chart declares a gradient a later row first selects (#721, D-190). A style stack with a field entry laid over another style's in-place gradient (style: [:a, {:field, :look}]) reaches a merged gradient on whichever row first names it; Visualize.Chart.Compiled.step/3, svg/2, tick/3 and render/2 drew that row with a url(#…) declared nowhere, so it lost its fill on SVG (both canvases drew it). Each output now carries, after the compiled defs, a defs of the paints it draws that they lack; an output that draws none is byte for byte what it was. The static layer now declares only what the first draw uses, so a design whose named style holds only part of a paint — a hatch with no color, meant to be stacked — compiles instead of raising.
An SVG element's dashed, capped or joined stroke draws on the binary canvas (#693). Visualize.Backend.CanvasBinary.encode_element/2 given a Visualize.SVG.Element tree dropped stroke-dasharray, stroke-linecap and stroke-linejoin, so a dashed line drew solid with butt caps and miter joins. They are now written, and such a stream begins with version 3 (as an IR element's does since #675), so a hook older than that version refuses it rather than drawing it solid; a tree that sets none of the three encodes as before, byte for byte.
A scale's range takes typed colors and transforms (#710, D-185). range: [color(:good), color(:bad)], [color(:blue) |> intensity(0.5), …] or Enum.map(steps, &shade(color(:red), &1)) was refused as {:type, :extent} while the bare [:good, :bad] passed: a list range was typed like a domain, as categories. A list range is now its own schema type, :range — numbers, or colors of every form a style takes — so its colors validate, resolve through the theme on every backend, and its bare atoms are stored as typed colors ([:good, :bad] reads, draws and round-trips as [color(:good), color(:bad)]; JSON writes {"$color": "good"} and still reads the old {"$atom": "good"}). A name in a range that the theme's color table lacks is now reported, {:undeclared, :color, name} at its index, as it is in a style; :auto in a range list is {:type, :range}. A :sequential or :diverging scale given a list of names, which crashed at render, interpolates their colors; stops with an alpha interpolate it. A theme's ramp anchor may be a transform (color(:blue) |> darken(0.4)).
A style that extends, stacks or defaults an in-place gradient and changes it draws (#711, D-186). style(:info_look, extends: :lit, fill: %{type: :radial, color: [...]}) over a style whose fill is a gradient written in place failed at render with "paint … is not declared under defs", as did a stack ([:lit, :blue], [:lit, %{fill: …}]), a named style that is a list, a field entry naming the derived style and a design's defaults under a site's gradient: the frame declared the gradients as each style wrote them, while an element draws the one its styles merged to. The frame now declares the paint each element resolved to, on SVG and both canvases; every chart that drew before draws byte for byte the same. A color list with no type is now a gradient's stops, so extends: :lit, fill: %{color: [a, b, c]} keeps the parent's gradient — its type, center and radius — in its own colors (it was refused as no color). Visualize.Chart.Style.resolve/3 now writes an in-place gradient as {:paint, node}, the paint it resolved to, where it wrote {:paint, "p…"}; a declared paint is {:paint, name} as before.
The builder holds a design-level defaults and a list-valued style (#713, D-187). Importing a design into the builder (Visualize.Chart.Composite.decompose/1) dropped its defaults and turned a style written as a list (styles: %{warn: [:warning, :outline]}) into a stray style key, so the design did not flatten back to itself, and the builder's style list crashed on a list-valued style. decompose/1 now has a site for every design key — checked against the schema when the library compiles — a list-valued style is placed under its name like any style, and the style list shows it as its entries. The examples app offers the Composition chart as a builder template.
The builder no longer re-reads its data's column types on every event (#714, D-189). Every builder event and render typed each source of the host's sources twice and each catalog feed's preview rows once more; on the examples' board that was about a fifth of an editing pass. The builder now types them when the host gives them and reads them after: a board-mode pass there costs about 2.13 million reductions where it cost 2.61 million. A host that hands the builder new sources or a new catalog pays the typing once, then.
The builder no longer slows down with the size of the color table (#704, D-184). Every builder event and render rebuilt and sorted the theme's ~190 color names once for each name the color chooser listed, and rebuilt a node kind's key specs on every schema lookup, so one editing pass cost about five times what it needed (5.6 million reductions on a board with eight cells, now 2.5 million; the chooser's table alone 332,000, now 21,000). The schema's tables are now built when the library compiles, and the new Visualize.Theme.color_name?/2 tests a name against the theme's table without building the list — use it in place of name in Theme.color_names(theme).
A board's export draws what the live board draws for its viewer (#691, D-181). A snapshot export (SVG, PNG, printed pages) resolved generate(...) with only config :visualize, generators: and no assigns, so a board started with its own generators: exported every cell as an unknown-generator fault, and a generator that reads the viewer exported for nobody. Visualize.Board.Snapshot.views/2 and Visualize.Board.Export.svg/2, png/2, pages/2 and html/2 now take generators: and assigns:, and the new Visualize.Board.Server.export(board, :svg | :png | :pages | :html, opts) exports a running board with its own generators, assigns and unit system (an option you pass wins). Exports that pass neither behave as before.
A translucent fill or stroke is translucent on a canvas too (#690, D-180). Every canvas ignored a paint's own opacity — fill: %{color: …, opacity: 0.4}, fill_opacity/stroke_opacity, a theme's translucent band, a percentile band — and drew it opaque where SVG drew it translucent. The JSON, script and binary canvases now draw each fill and stroke at the element's opacity times the paint's, a gradient's stops included. A dashed stroke (stroke_dasharray) is now dashed on every canvas, and the binary canvas draws the line cap and join. A binary stream that carries any of these is version 3: a page still running an older CanvasBinaryChart hook refuses it rather than drawing it wrong, so redeploy the hooks with the library.
A canvas draws each element in its own transform and style (#689, D-179). On the JSON, script and binary canvases an element's own translate/rotate, and its alpha, colors, blend, shadow and font, stayed in force for the element drawn after it: a symbol scatter drew its second symbol at the sum of the first two positions and the rest off the plot, rotated text skewed what followed, and a translucent element made its next sibling translucent. Each element that sets a transform or a style is now drawn inside save/restore, so a canvas draws what the SVG draws. An element that sets neither is unchanged.

0.6.0 — 2026-10-14

The contracts a scene builds on, settled before more is built over the old shapes. A feed can declare which of its rows are about one entity, and a window can ask for a region and for each entity's latest row. Every interaction a chart or a board reports now arrives as one Visualize.Event. Top and bottom legends wrap to the plot. Upgrading from 0.5: replace {:visualize_board_event | :visualize_board_drill | :visualize_board_brush, …} and a plain chart's tooltip handle_event with {:visualize_event, id, %Visualize.Event{}} (the table under Changed), and give a board page a catch-all clause for the events it ignores, since :select is now sent on every selection change. [from, to] and nil windows are unchanged.

Added

A feed declares which rows are about the same thing (#625, D-167). A schema field may say identity: true — on a :category, :text or :number field, never a :time one ({:invalid_for, :time}) — and several fields together are one composite identity: %{host: %{type: :category, identity: true}, iface: %{type: :category, identity: true}}. Visualize.Data.Schema.identity/1 lists the declared fields, and Visualize.Data.Schema.identity/2 gives a row's identity: the bare value for one field, a map such as %{host: "mx1", iface: "eth0"} for several, nil when none is declared or the row lacks one. identity: false is the same schema, and the same version, as saying nothing. Schema.attributes/0 has thirteen keys, so a slot can requires: %{car: [:identity]}.
Board selections may be composite. Visualize.Board.Server.select/2 takes a map from field to value as well as {field, value}, each field read through the board's links; a cell shows it when one row holds every field's value. A one-field map is held as the pair. The header reads it as Selected: host mx1, iface eth0.
A feed window may be a box, and may ask for each entity's latest row (#626, D-168). Besides nil and [from, to], a window may be %{ranges: %{t: [from, to], x: [0, 640], y: [0, 480]}, latest: true}: ranges over any :time or :number field (ends inclusive, nil open), and latest: true for each declared identity's last row within them — at or before the end of the window field's range, or the present when it is unranged. latest needs a schema that declares identity and has a window field. [from, to] is still accepted and means exactly what it did: the window field's range. Use it with Visualize.Feed.Monitor.new(feeds, window: box), Monitor.window/2 or Visualize.Feed.finish(delivery, schema, window: box).
- Visualize.Feed.Window.box/2 gives any window as its box, range/2 reads one field's range of any window, check/2 holds a box to a schema ({:window, :inverted}, {:window, :unknown_field}, {:invalid_for, type}, {:window, :no_identity}, …, each at its path), and latest_rows/3 keeps each identity's last row.
- supports may name :region and :latest. A feed that names neither is still asked for the box, and visualize trims and reduces for it, so opting in is only for speed.
- The conformance kit takes boxes among windows:, holds a :region feed's rows to its ranges ({:region_row, …}) and a :latest feed to one row per identity, the last ({:latest_twice, …}, {:not_latest, …}); a probe box the schema refuses is {:probe, window, faults}.
A mark can draw each entity's current state. A :window data step takes latest: true (Build.window(data, :t, latest: true)), keeping each identity the slot's feed declares at its last row. Visualize.Chart.apply/2 refuses it over a feed that declares no identity, or over plain rows, with {:identity_required, slot} at the mark, rather than guess which rows are about one thing.
A legend can cut long labels (#630, D-169). max_label: n on a :legend node cuts every entry label longer than n characters to n − 1 and "…", at any position. The entry keeps the full name as an SVG <title> and an aria-label, so hovering and screen readers still give it, and data-series is unchanged.
Visualize.Chart.Frame.legend_extent/1 returns the box a frame's legend takes, %{width:, height:}, so a host laying out around a chart can ask rather than repeat the text estimate.
Visualize.Event, the one shape of every interaction (#627, D-170). A host receives each interaction as {:visualize_event, id, %Visualize.Event{}}, id the delivering component's id, with every field always present: event, cell, frame, item, path, row, at, value and modifiers. An event a design declares is named by a string — a mark's tooltip event may be written :point_click or "point_click", and arrives as "point_click" — and the events the runtime raises are atoms (:drill, :brush, :select). row is the row the clicked element was drawn from, resolved on the server and typed as the source holds it (a DateTime stays a DateTime); item is {mark id or type, identity} by the declared identity, else the inference a pick uses, else nil; at is the pointer in the frame's plot area; modifiers are :shift, :alt, :ctrl and :meta. Visualize.Event.decode/1 and resolve/3 are public, with declared/1, name/1, identity/3 and item/2.
Visualize.Components.Chart, a LiveComponent for a chart whose marks declare events: <.live_component module={Visualize.Components.Chart} id="sales" chart={@applied} /> over a %Visualize.Chart.Applied{} (render: takes Chart.render/2's options, tooltip_class: the hook's class). It draws the chart inside TooltipHook, resolves a click to the row drawn and sends the page the event. A click on a drawing it no longer holds, a name the mark does not declare or a row it does not have is dropped.
A board sends :select when its selection changes, value: %{identity: identity | nil}, so a page can keep the selection in its URL as brush: :host lets it keep the window.
Visualize.Board.Server.event/3 resolves a cell's click against the frame the cell holds; Visualize.Board.Server.pick/4 answers item: and frame: beside row: and identity:; a Visualize.Board.View carries drawn, the token of its drawing; and Visualize.Chart.Compiled.rows/3 gives a mark's rows as a tick draws them.
A mark whose tooltip names an event writes data-frame and data-mark on its group and data-row on each element it draws. A mark without one renders exactly as before.

Changed

What you change, where your code reads a value the library hands back:

You read	Before	Now
a design's maps	`design.frames.main`, `chart.styles.series`, `scales.x`	`design.frames["main"]`, `chart.styles["series"]`, `scales["x"]`
a reference	`{:field, :v}`, `%Var{name: :unit}`, `mark.data == :primary`	`{:field, "v"}`, `%Var{name: "unit"}`, `mark.data == "primary"`
a fault's path and reason	`{[:frames, :main, :axes, 0], …}`, `{:undeclared, :source, :s}`	`{[:frames, "main", :axes, 0], …}`, `{:undeclared, :source, "s"}`
`Chart.compile/2`	`{:ok, %{main: compiled}}`	`{:ok, %{"main" => compiled}}`
`Chart.apply/2`	`applied.frames.main`, `applied.sources.primary`, `applied.schemas.cells`	`applied.frames["main"]`, `applied.sources["primary"]`, `applied.schemas["cells"]`
a board	`board.cells.latency`, `board.vars.unit`	`board.cells["latency"]`, `board.vars["unit"]`
a board's process	`{:cell, :latency, view}`, `view.cell == :latency`, `Server.info(b).cells.a`	`{:cell, "latency", view}`, `view.cell == "latency"`, `Server.info(b).cells["a"]`
a binding	`binding.slots == %{{:a, :primary} => :cpu}`	`%{{"a", "primary"} => :cpu}`; a feed stays your term
a selection, an identity, an event	`{:service, "api"}`, `%Event{cell: :a, frame: :main}`, `item: {:dot, %{row: r}}`	`{"service", "api"}`, `%Event{cell: "a", frame: "main"}`, `item: {"dot", %{"row" => r}}`
`Board.realize/4`, `components/3`, `required_sources/3`	keys `:a`, `{:a, :primary}`	keys `"a"`, `{"a", "primary"}`
a snapshot	`snapshot.cells.a.slots.primary`; rows read back keyed `:t`	`snapshot.cells["a"].slots["primary"]`; rows read back keyed `"t"`
a host theme	`Theme.new(name: :house).name == :house`, a color `:brand`	`"house"`, `"brand"`; a built-in theme and the library's colors stay atoms
a virtual source	`source.id == :health`, paths `[:ops, :health]`, output rows `%{n: 1}`	`"health"`, `["ops", "health"]`, `%{"n" => 1}`
a feed-only input	`{"vm.load", window}` (a string named only a feed)	`{{:feed, "vm.load"}, window}`; a plain string is a short id, resolved to a virtual source first, else the feed
a `defsource` function	`inputs.hosts`	`inputs["hosts"]`; its rows are your feed's, as before

What JSON a writer produces. A name is written as before. A category value an Elixir design gave as an atom the library has no word for (:warn in a color map) is now written as its plain string, "warn", where it was {"$atom": "warn"}; both read as the same map. A gradient declared under defs draws under a new opaque id prefix (the prefix is a hash of the defs, whose names are now strings).

Breaking: every interaction is one Visualize.Event (#627, D-170). The four shapes a host used to handle are removed, not sent beside the new one, and TooltipHook no longer pushes a mark's declared event with the datum's strings: it pushes one wire event, visualize_event, which Visualize.Components.Chart or a board's cell resolves. Migrate as follows:

Before	After
`handle_event("point_click", %{"series" => s, "hour" => h}, socket)` — a plain chart under `TooltipHook`, string values	render the chart with `<.live_component module={Visualize.Components.Chart} id="chart" chart={@applied} />`, then `handle_info({:visualize_event, "chart", %Visualize.Event{event: "point_click", row: %{series: s, hour: h}}}, socket)` — typed values
`handle_info({:visualize_board_event, id, %{cell: cell, event: "event_open", fields: %{"id" => id_string}}}, socket)`	`handle_info({:visualize_event, id, %Visualize.Event{event: "event_open", cell: cell, row: %{id: id}}}, socket)`
`handle_info({:visualize_board_drill, id, %{cell: cell, board: ref, vars: vars}}, socket)`	`handle_info({:visualize_event, id, %Visualize.Event{event: :drill, cell: cell, value: %{board: ref, vars: vars}}}, socket)` — `row` is the picked row
`handle_info({:visualize_board_brush, id, %{domain: [from, to] \| nil}}, socket)`	`handle_info({:visualize_event, id, %Visualize.Event{event: :brush, value: %{domain: [from, to] \| nil}}}, socket)`
(no message: the selection was only `{:board, info}`'s `selection`)	`handle_info({:visualize_event, id, %Visualize.Event{event: :select, value: %{identity: identity}}}, socket)` on every change: `identity` is `{field, value}`, `%{field => value}` for a composite identity, or `nil` when cleared

A board page now receives :select on every pick that selects, so a page that matches only the events it uses needs a clause that ignores the rest: def handle_info({:visualize_event, _id, %Visualize.Event{}}, socket), do: {:noreply, socket}. The D-161 options keep their names: brush: :server | :host and data-tooltip-target. A mark naming its event pick is still never forwarded from a board.

A string where a design takes a name or another node reads as the string it is. So that a tooltip event may be a string, a string given for a key typed "a name or …" — a design's theme, a scale's range, a step's as — is now reported as not of the key's type, {:type, {:one_of, types}}, rather than as not a name, {:type, :name}. Such a design was refused before and is refused still.
A top or bottom legend wraps instead of spilling past the plot (#630, D-169). Its entries flow onto rows 16 apart, each centred on the plot, where before one row wider than the plot was clipped at both edges. In the margin (inside: false), the top or bottom margin grows to hold the rows, and the plot gets that much shorter, where before a margin too small raised. A legend that already fitted renders exactly as before. wrap: false keeps one row and raises ArgumentError when it is too wide, and a single entry wider than the plot raises too, naming the width needed: give the legend a max_label.
A pick on a board reads the declared identity first. Over a feed whose schema declares identity, Visualize.Board.Server.pick/4 answers it — {field, value}, or a map for a composite identity — rather than the mark's series field or the first :category field, and a row that lacks a declared field selects nothing. Boards over feeds that declare no identity pick exactly as before. The board's {:board, info} selection may now be a map.
Visualize.Data.Schema.compatibility/2 compares identity. A field one schema declares as identity and the other does not is {:identity, a, b}, even a field only the other schema has, so Visualize.Feed.Combine refuses a live feed and a history that count different things.
The conformance kit checks identity. Of a feed that declares identity, a row with no value for a declared field is the :deliveries finding {:no_identity, request, field}.
Visualize.Feed.capabilities/0 is [:window, :region, :latest, :budget, :push]. A provider may now be asked a box (above) in place of [from, to]; one that reads its window field's range through Visualize.Feed.Window.range/2 answers both. The kit's :errors check fetches one box over a field no schema has, which a feed must answer with a delivery or an error, not a raise. Feed.Signals, Feed.Telemetry and Feed.Combine serve a box by its window field's range and name neither new capability.
Visualize.Feed.finish/3 raises ArgumentError for a box its schema cannot answer, and a Visualize.Feed.Monitor shows such a feed {:down, {:window, faults}} without asking it. nil and [from, to] windows are never refused.
Visualize.Chart.Frame.new/2 takes schemas:, the slots' schemas a latest step reads; apply/2 and a compiled chart pass them, so nothing changes for a caller of those.

0.5.1 — 2026-10-13

Board cells show their marks' tooltips and pass a mark's click to the page, and a page may own a board's brushed window. In the builder, the graph is the box a design is drawn at, and every frame is laid out on it by dragging, by its corner handles or, on a layout, by cells.

Added

A board's cells show their marks' tooltips, and a mark's click reaches the page (#612, D-161). A mark's tooltip node now shows under the pointer in a Visualize.Components.Board cell, as it does on a single chart. A click on a datum whose mark names an event sends the page's process {:visualize_board_event, board_id, %{cell: cell, event: event, fields: fields}}, beside the drill message; fields are the datum's strings. TooltipHook takes data-tooltip-target to push that event to a component rather than the LiveView.
A page may own a board's window: brush: :host (#612, D-161). With <.live_component module={Visualize.Components.Board} ... brush={:host} />, a brush sends the page {:visualize_board_brush, board_id, %{domain: [from, to]}} (UTC DateTimes), and the header's Reset window sends %{domain: nil}, instead of moving the board's window. The page puts the window in its URL and applies it with Visualize.Board.Server.window/2 (or brush/2, to keep the board's debounce of rapid re-brushes). The default, :server, behaves as before.
The builder draws a chart at the size of its graph (#613, D-162). The graph measures itself and the preview applies the design with size: at that measurement, so a person sees the chart as a container of that size would show it; resizing the window redraws it with the same fractions. A drop on the graph is read in the frame under the pointer, at that frame's own margins.
Frames are placed on the builder's graph by dragging (#614, D-163). A click on a frame's empty space selects it; the open frame shows an outline and four corner handles; dragging its body moves it and a handle resizes it, the edges snapping to thirds, halves and the other frames' edges, and the box is written as fractions. Arrows move the open frame a twelfth, Shift with an arrow stretches it. The frame's page gains a place section: its box, z and background.
In a chart of several frames, what is placed belongs to the frame under the pointer (#615, D-164). A mark or a label dropped on the builder's graph says its frame; an axis is written into that frame with the scale it needs; a legend is that frame's. A mark's axes section, the scales derived for a bound channel and the add axes step follow the frame the mark is drawn in. Visualize.Chart.Fragment.frame_of/2 answers the frame a mark or a label is drawn in.
New frames in the builder, and the frames root (#616, D-165). The palette has a frame: dropped on the graph it is a new frame a quarter of the graph at the drop point; + frame on the frames root adds one at the centre; a library frame dropped on the graph lands there too, linked, under a fresh name. A frame's placement (box, cell, span, z) is the chart's, so a linked frame is dragged without unlocking it, the placement kept in the site's own local. Each frame's section on the frames root has a select bar, the axes of its scales and what it draws.
On a layout, frames are placed by cells (#617, D-166). With a layout on the design, a frame's page offers its cell and span as selects; a frame placed by a cell is dragged between cells on the graph, the grid drawn faintly while it moves, and arrows step it a cell. A frame placed by its box snaps to the cells' edges.
ResizeHook takes data-resize-target, the phx-target it pushes to with pushEventTo, so a LiveComponent can host it. Without it the hook pushes to the LiveView, as before.
Visualize.Chart.Frame.box_of/3: a frame node's box as fractions of the render's size, its cell resolved over the design's layout — the reading Frame.new/2 makes, for a tool that needs to know where a frame is drawn without realising it.

Fixed

The builder no longer crashes on a design whose frames are not called main (#613). Opening a multi-frame chart — the demo's Load or Context template — raised in the preview; every frame is now drawn.

Changed

What you change, where your code reads a value the library hands back:

You read	Before	Now
a design's maps	`design.frames.main`, `chart.styles.series`, `scales.x`	`design.frames["main"]`, `chart.styles["series"]`, `scales["x"]`
a reference	`{:field, :v}`, `%Var{name: :unit}`, `mark.data == :primary`	`{:field, "v"}`, `%Var{name: "unit"}`, `mark.data == "primary"`
a fault's path and reason	`{[:frames, :main, :axes, 0], …}`, `{:undeclared, :source, :s}`	`{[:frames, "main", :axes, 0], …}`, `{:undeclared, :source, "s"}`
`Chart.compile/2`	`{:ok, %{main: compiled}}`	`{:ok, %{"main" => compiled}}`
`Chart.apply/2`	`applied.frames.main`, `applied.sources.primary`, `applied.schemas.cells`	`applied.frames["main"]`, `applied.sources["primary"]`, `applied.schemas["cells"]`
a board	`board.cells.latency`, `board.vars.unit`	`board.cells["latency"]`, `board.vars["unit"]`
a board's process	`{:cell, :latency, view}`, `view.cell == :latency`, `Server.info(b).cells.a`	`{:cell, "latency", view}`, `view.cell == "latency"`, `Server.info(b).cells["a"]`
a binding	`binding.slots == %{{:a, :primary} => :cpu}`	`%{{"a", "primary"} => :cpu}`; a feed stays your term
a selection, an identity, an event	`{:service, "api"}`, `%Event{cell: :a, frame: :main}`, `item: {:dot, %{row: r}}`	`{"service", "api"}`, `%Event{cell: "a", frame: "main"}`, `item: {"dot", %{"row" => r}}`
`Board.realize/4`, `components/3`, `required_sources/3`	keys `:a`, `{:a, :primary}`	keys `"a"`, `{"a", "primary"}`
a snapshot	`snapshot.cells.a.slots.primary`; rows read back keyed `:t`	`snapshot.cells["a"].slots["primary"]`; rows read back keyed `"t"`
a host theme	`Theme.new(name: :house).name == :house`, a color `:brand`	`"house"`, `"brand"`; a built-in theme and the library's colors stay atoms
a virtual source	`source.id == :health`, paths `[:ops, :health]`, output rows `%{n: 1}`	`"health"`, `["ops", "health"]`, `%{"n" => 1}`
a feed-only input	`{"vm.load", window}` (a string named only a feed)	`{{:feed, "vm.load"}, window}`; a plain string is a short id, resolved to a virtual source first, else the feed
a `defsource` function	`inputs.hosts`	`inputs["hosts"]`; its rows are your feed's, as before

What JSON a writer produces. A name is written as before. A category value an Elixir design gave as an atom the library has no word for (:warn in a color map) is now written as its plain string, "warn", where it was {"$atom": "warn"}; both read as the same map. A gradient declared under defs draws under a new opaque id prefix (the prefix is a hash of the defs, whose names are now strings).

The builder's chart carries data-builder-frames, every frame's pixel box and margins, in place of the one frame's data-builder-frame (spec/10 §16.2). A host that read the old attribute from the builder's markup reads the new one.

0.5.0 — 2026-10-13

Live data and its history share one chart: Feed.Combine combines feeds whose schemas are compatible rather than equal, converting a later feed's rows into the first's names and units, and a Telemetry.Metrics definition carries the facts (polarity, bounds, target, metric kind) its live feed describes.

Breaking

Visualize.Feed.Combine combines feeds whose schemas are compatible, not only equal (#605, D-159). Live data from an in-process :telemetry feed and its history from a store can now share one slot, though their schemas spell the fields differently (:t and "t"), label them differently, or carry different facts. Affects code that matched the refusal of Combine.describe/1 or fetch/3. Before: any two feeds of different schema versions were refused with {:error, {:combine_schema, versions}}. After: a later feed combines when, for each field of the first feed's schema, it has a field of the same name (compared as strings), of the same type, and for a number a unit that converts into the first's, and when its window field (Visualize.Feed.window_field/1) is the first's, since each later feed is asked for a window over its own. The combination describes itself with the first feed's schema, whole, and its pushes pass through as before. A later feed's rows come back in the first schema's field names, its numbers converted into the first's units (a history in s behind live data in ms reads in ms), and columns only its schema describes are dropped. A refusal is {:error, {:combine_schema, [{position, field, reason}]}}, listing every incompatibility: position is the later feed's index in the list, field is spelt as the first schema spells it, and reason is :missing, {:type, a, b} or {:unit, a, b}, or {:window, first, later} at the first's window field for a feed windowing over another field (later is nil when it has none). A unit facing a field with none is refused, as are two currencies. Instead: match the new shape. Facts only a later feed knows (polarity, bounds, metric_kind) do not reach the combination's schema; describe them on the first feed.

Added

Visualize.Data.Schema.compatibility/2 (#605, D-159) says whether one schema's rows read as another's: :ok, or {:error, [{field, reason}]} with the reasons above. A connector can call it before combining two feeds.
A Telemetry.Metrics definition can carry the facts of its feed's value (#608, D-160). Visualize.Feed.Telemetry reads reporter_options[:visualize], which takes exactly polarity, bounds, target and metric_kind: summary("panel.load.duration", unit: {:native, :millisecond}, reporter_options: [visualize: [polarity: :lower_is_better, bounds: [0, nil], target: 250]]) gives a schema whose value says so. Put a store's facts there and a Feed.Combine of the live feed in front of the store's history shows them, since the combination describes itself with its first feed's schema. Any other key (label, unit, a typo) or an invalid value (polarity: :up) stops the collector at startup: start_link/1 answers {:error, {:telemetry_facts, metric, errors}}, metric named as feeds/1 keys it and errors the schema's {path, reason} faults (an unknown key is {[:value, key], :unknown_key}). The label is still the definition's description, and the unit its unit.

Changed

What you change, where your code reads a value the library hands back:

You read	Before	Now
a design's maps	`design.frames.main`, `chart.styles.series`, `scales.x`	`design.frames["main"]`, `chart.styles["series"]`, `scales["x"]`
a reference	`{:field, :v}`, `%Var{name: :unit}`, `mark.data == :primary`	`{:field, "v"}`, `%Var{name: "unit"}`, `mark.data == "primary"`
a fault's path and reason	`{[:frames, :main, :axes, 0], …}`, `{:undeclared, :source, :s}`	`{[:frames, "main", :axes, 0], …}`, `{:undeclared, :source, "s"}`
`Chart.compile/2`	`{:ok, %{main: compiled}}`	`{:ok, %{"main" => compiled}}`
`Chart.apply/2`	`applied.frames.main`, `applied.sources.primary`, `applied.schemas.cells`	`applied.frames["main"]`, `applied.sources["primary"]`, `applied.schemas["cells"]`
a board	`board.cells.latency`, `board.vars.unit`	`board.cells["latency"]`, `board.vars["unit"]`
a board's process	`{:cell, :latency, view}`, `view.cell == :latency`, `Server.info(b).cells.a`	`{:cell, "latency", view}`, `view.cell == "latency"`, `Server.info(b).cells["a"]`
a binding	`binding.slots == %{{:a, :primary} => :cpu}`	`%{{"a", "primary"} => :cpu}`; a feed stays your term
a selection, an identity, an event	`{:service, "api"}`, `%Event{cell: :a, frame: :main}`, `item: {:dot, %{row: r}}`	`{"service", "api"}`, `%Event{cell: "a", frame: "main"}`, `item: {"dot", %{"row" => r}}`
`Board.realize/4`, `components/3`, `required_sources/3`	keys `:a`, `{:a, :primary}`	keys `"a"`, `{"a", "primary"}`
a snapshot	`snapshot.cells.a.slots.primary`; rows read back keyed `:t`	`snapshot.cells["a"].slots["primary"]`; rows read back keyed `"t"`
a host theme	`Theme.new(name: :house).name == :house`, a color `:brand`	`"house"`, `"brand"`; a built-in theme and the library's colors stay atoms
a virtual source	`source.id == :health`, paths `[:ops, :health]`, output rows `%{n: 1}`	`"health"`, `["ops", "health"]`, `%{"n" => 1}`
a feed-only input	`{"vm.load", window}` (a string named only a feed)	`{{:feed, "vm.load"}, window}`; a plain string is a short id, resolved to a virtual source first, else the feed
a `defsource` function	`inputs.hosts`	`inputs["hosts"]`; its rows are your feed's, as before

What JSON a writer produces. A name is written as before. A category value an Elixir design gave as an atom the library has no word for (:warn in a color map) is now written as its plain string, "warn", where it was {"$atom": "warn"}; both read as the same map. A gradient declared under defs draws under a new opaque id prefix (the prefix is a hash of the defs, whose names are now strings).

Every Visualize.Feed.Telemetry schema now says its value's metric_kind, so every such schema has a new version (#608, D-160). Affects code that pinned or stored a Telemetry feed's schema version, and code that matched its value description exactly. Before: value had a type, a label and, when the unit mapped, a unit and a quantity. After: it also has metric_kind, inferred from the definition: :counter for a counter or a sum (its rows are running totals), :gauge for a last_value, a summary or a distribution; reporter_options[:visualize][:metric_kind] overrides it. Instead: read the version from Visualize.Feed.describe/1 rather than storing it.

0.4.1 — 2026-10-13

Pressure is shown in its own convention under a unit system: barometric readings in inches of mercury for US viewers, blood pressure in mm[Hg] everywhere.

Changed

What you change, where your code reads a value the library hands back:

You read	Before	Now
a design's maps	`design.frames.main`, `chart.styles.series`, `scales.x`	`design.frames["main"]`, `chart.styles["series"]`, `scales["x"]`
a reference	`{:field, :v}`, `%Var{name: :unit}`, `mark.data == :primary`	`{:field, "v"}`, `%Var{name: "unit"}`, `mark.data == "primary"`
a fault's path and reason	`{[:frames, :main, :axes, 0], …}`, `{:undeclared, :source, :s}`	`{[:frames, "main", :axes, 0], …}`, `{:undeclared, :source, "s"}`
`Chart.compile/2`	`{:ok, %{main: compiled}}`	`{:ok, %{"main" => compiled}}`
`Chart.apply/2`	`applied.frames.main`, `applied.sources.primary`, `applied.schemas.cells`	`applied.frames["main"]`, `applied.sources["primary"]`, `applied.schemas["cells"]`
a board	`board.cells.latency`, `board.vars.unit`	`board.cells["latency"]`, `board.vars["unit"]`
a board's process	`{:cell, :latency, view}`, `view.cell == :latency`, `Server.info(b).cells.a`	`{:cell, "latency", view}`, `view.cell == "latency"`, `Server.info(b).cells["a"]`
a binding	`binding.slots == %{{:a, :primary} => :cpu}`	`%{{"a", "primary"} => :cpu}`; a feed stays your term
a selection, an identity, an event	`{:service, "api"}`, `%Event{cell: :a, frame: :main}`, `item: {:dot, %{row: r}}`	`{"service", "api"}`, `%Event{cell: "a", frame: "main"}`, `item: {"dot", %{"row" => r}}`
`Board.realize/4`, `components/3`, `required_sources/3`	keys `:a`, `{:a, :primary}`	keys `"a"`, `{"a", "primary"}`
a snapshot	`snapshot.cells.a.slots.primary`; rows read back keyed `:t`	`snapshot.cells["a"].slots["primary"]`; rows read back keyed `"t"`
a host theme	`Theme.new(name: :house).name == :house`, a color `:brand`	`"house"`, `"brand"`; a built-in theme and the library's colors stay atoms
a virtual source	`source.id == :health`, paths `[:ops, :health]`, output rows `%{n: 1}`	`"health"`, `["ops", "health"]`, `%{"n" => 1}`
a feed-only input	`{"vm.load", window}` (a string named only a feed)	`{{:feed, "vm.load"}, window}`; a plain string is a short id, resolved to a virtual source first, else the feed
a `defsource` function	`inputs.hosts`	`inputs["hosts"]`; its rows are your feed's, as before

What JSON a writer produces. A name is written as before. A category value an Elixir design gave as an atom the library has no word for (:warn in a color map) is now written as its plain string, "warn", where it was {"$atom": "warn"}; both read as the same map. A gradient declared under defs draws under a new opaque id prefix (the prefix is a hash of the defs, whose names are now strings).

A unit system picks a pressure's unit within its convention (#598, D-158). Pressure is read as gauge (Pa, kPa, MPa, bar, [psi]), barometric (hPa, mbar, [in_i'Hg]) or clinical (mm[Hg]), and system: now chooses inside the stored unit's convention instead of across them. Affects Visualize.Quantity.display_unit/3, family/2,3, format/3, and every axis and tooltip drawn with system:. Before: hPa and mbar showed as [psi] under :us and kPa under :metric; [in_i'Hg] showed as kPa under :metric; mm[Hg] showed as kPa or [psi]; and under the default :as_posted, hPa data was rescaled into kPa (1013 hPa read as 101.3 kPa). After: hPa and mbar show as [in_i'Hg] under :us and hPa under :metric and :uk, so an axis over 950–1050 hPa under :us ticks at 28.5 inHg … 31 inHg; [in_i'Hg] shows as hPa under :metric; mm[Hg] keeps its unit in every system; and hPa stays hPa as posted. Gauge units display as before, bar included (3 bar is still 300 kPa for a metric viewer, and bar as posted). No other quantity changes.

0.4.0 — 2026-10-12

One units vocabulary for every host: UCUM coverage with aliases, 25 quantities with their facts, exact conversion, currency, and unit systems (system: :us) chosen per viewer at render, with axis ticks picked in the unit shown. A feed schema's unit and quantity are now checked against it.

Breaking

B, kB, MB, pt and kt are now valid UCUM codes (#590, D-155). They are the bel, the kilobel, the megabel, the picotonne and the kilotonne, as UCUM defines them. Affects code that relied on Visualize.Unit.parse/1 refusing them. Before: Unit.parse("B") was {:error, {:unknown_atom, "B"}}. After: it reads as the bel. Instead: read a person's input with Visualize.Unit.parse_alias/1. It reads B as By and refuses MB and pt as ambiguous.
Visualize.Unit.factor/1 answers {n, d, k} for a code that holds the degree (#590, D-155). The value is n/d·πᵏ. Every other code still answers {n, d}, or nil.
Visualize.Data.Schema.new/1 checks a field's unit and quantity (#595, D-157). Affects feeds whose schema names a unit visualize does not read, a quantity outside Visualize.Quantity.all/0, or a unit that does not measure its quantity. Before: any non-empty string was a unit and any atom a quantity. After: such a schema is refused with {:unit, code, reason} at [field, :unit], {:unknown_quantity, q} at [field, :quantity], or {:quantity, q, code} at [field, :quantity], each worded by format_error/1. A symbol such as "KB" or "°C" is refused too. Instead: describe a field with a UCUM code; read a person's symbol with Visualize.Unit.parse_alias/1 first.
Some units now imply a quantity, and some display families have grown (#591, D-155). Affects designs and code that read Visualize.Quantity.of_unit/1, resolve/1, family/2 or an axis's measure.
- g, m2, l, deg, V and the other units of the new quantities now imply that quantity. They used to imply nil. A measure pairing one of them with :count is still refused, as before.
- Lengths now scale through cm: a domain of 0–0.5 m is shown in cm, not mm.
- Information and data rates now scale up to TBy, TiBy and Tbit, so a domain of 1,500 GBy is shown in TB.
- A unit outside its quantity's families is no longer rescaled. It is shown as it is given: mbar, [nmi_i], m/s, K and W.s.
- Visualize.Quantity.base_unit(:currency) is nil, because the currency comes from the data.
- Visualize.Data.Schema.attributes/0 lists twelve keys, with :metric_kind and :bounds at the end.
Visualize.Unit.convert/3 now converts between unit systems, and words its refusals (#592, D-155). Before: convert(20, "Cel", "[degF]") raised that conversion was out of scope. After: it is 68.0. Different dimensions, levels against linear units, and two currencies still raise ArgumentError, and the message now gives the reason. Instead: to check without raising, call Visualize.Unit.conversion/2.
An axis shown in another unit ticks at round numbers in that unit (#594, D-156). Affects every axis with a measure whose display unit is not the data's unit, such as seconds shown in minutes. Before: the ticks were round in the data's unit, so 0–100 s read 0.166667 min, 0.333333 min, …. After: the ticks are round in the display unit, 0 min, 0.2 min, … 1.6 min, placed at 0, 12, … 96 s. The labels and the tick positions both change, and the grid follows them. Instead: to keep ticks in the data's unit, give the axis an explicit format or explicit tick values.

Added

Units

Wider UCUM coverage (#590, D-155). Visualize.Unit now reads these codes, each with UCUM's own definition:
- SI and derived units: l, L, t, ar (har, the hectare), V, A, C, lx, mol, bar, deg and rad.
- US and imperial units: [in_i], [ft_i], [yd_i], [mi_i], [nmi_i], [kn_i], [acr_us], [oz_av], [lb_av], [stone_av], [foz_us], [pt_us], [gal_us], [foz_br], [pt_br], [gal_br], [psi], mm[Hg], [in_i'Hg] and [HP].
- Calories and ratios: cal, [Cal] (the food Calorie), [ppm] and [ppb].
- The logarithmic bel, B, dB and dB[SPL]. Each kind of level has a dimension of its own, so a decibel converts to a bel and never to a linear unit.
- The prefixes c, d, h, da, T, Ti and p, as in cm, dl, hPa, TBy and TiBy.
Visualize.Unit.parse_alias/1 reads the symbols people type, such as °C, lb, mph, inHg and kWh, as codes. It refuses an ambiguous symbol and names the codes it could mean. KB could be kBy (1,000 bytes) or KiBy (1,024 bytes), and gal could be [gal_us] or [gal_br]. Visualize.Unit.format_error/1 words a refusal for a person.
Visualize.Unit.kind/1 says whether a code is :linear, :affine (Cel, [degF]) or :logarithmic (B, dB[SPL]).
Visualize.Unit.conversion/2 (#592, D-155) converts between any two codes of one dimension. It returns an exact {:ok, {scale, offset}}, where the converted value is value × scale + offset. One such pair converts stored rows in place.
- Cel, [degF] and K convert with their offsets: Cel to [degF] is exactly {{9, 5}, {32, 1}}.
- B converts to dB, but a level never converts to a linear unit.
- Two currencies never convert.
- Every refusal names its reason: :dimension, :logarithmic, :currency or :affine_in_term.

Quantities

Thirteen new quantities (#591, D-155): area, volume, mass, pace, angle, currency, electric_potential, electric_current, electric_charge, illuminance, sound_level (dB[SPL]), mass_concentration and amount_concentration.
The facts a host needs, for every quantity.
- Visualize.Quantity.kind/1 is :linear, :affine, :logarithmic or :cyclic.
- bounds/1 and bounds/2 give where values physically lie. They are a hint for an axis, never a check, so a negative difference is never refused.
- additivity/1,2 gives %{across: …, over_time: …}, refined by the field's metric kind.
Unit systems (:metric, :us, :uk, :as_posted).
- Visualize.Quantity.display_unit/3 and formatter/3 take system: and show a quantity in that system's family: 80 kg in lb for :us, and in stones for :uk.
- family/3 gives a system's family.
- :as_posted, the default, is the existing behaviour.
Two new optional description keys in Visualize.Data.Schema.
- metric_kind is :gauge, :counter or :rate.
- bounds is [min, max]. It overrides the quantity's bounds and is a display hint.
The feed conformance kit names a field whose measure is refused (#595, D-157). The :describe check reports {:measure, field, reason} for each field whose unit or quantity Visualize.Data.Schema.new/1 refuses, apart from {:schema_invalid, errors}.

Currency and value formats

Currency as a marked extension to UCUM (#593, D-155).
- {iso4217:USD} is a currency. Each code of the fixed ISO 4217 table has its own dimension, with its minor units.
- Two currencies never convert, and an unknown code is refused as {:unknown_currency, code}.
- Codes compose. Write an energy price as {iso4217:EUR}/kW/h: UCUM's / is left-associative, so {iso4217:EUR}/kW.h means euro-hours per kilowatt.
- Visualize.Unit.currency/1 gives a unit's currency and minor_units/1 its decimals.
- parse_alias/1 reads USD, € and £, and names the choices for $ and ¥.
- Caveat: any other UCUM reader sees every {iso4217:…} code as the dimensionless 1.
Visualize.Format.currency/2 takes code: and locale:. The code's minor units set the decimals, and the locale gives the symbol or else the code: $1,240.00, ¥1,240, 1,240.00 CHF. Currency axes write money with one SI prefix for the whole axis: $1.5k.
Visualize.Format.duration/2 with style: :compound writes 1h 24m and 840ms for labels and tooltips. Axes keep a single scaled unit.
Visualize.Quantity.format/3 formats one value of a measure for a label or a tooltip: a compound duration, money in its code, a grouped count, or fixed decimals with the unit. It writes what metresis's views wrote, apart from the differences the parity test names.
An angle's ° sits against its number: 350°. A temperature keeps its space: 20 °C.

Axes in another unit

system: shows a chart in the viewer's unit system (#594, D-156). Visualize.Chart.apply/2 and compile/2 take system: (:metric, :us, :uk or :as_posted, the default). Every axis with a measure is then shown in that system: 0–40 kg under :us reads 0 lb … 80 lb. The system is the viewer's choice, so a design never stores one. Boards pass it through: Visualize.Board.realise/4, Visualize.Board.Server (to every cell), Visualize.Board.Snapshot.views/2 and the board exports take system: too. A value outside the four raises ArgumentError.
Visualize.Quantity.ticks/3 gives the ticks of an axis whose display unit differs from its data's unit. The ticks are round numbers in the display unit, converted back into the data's unit for placement. Visualize.Quantity.formatter/3 labels each one with its round number.

0.3.0 — 2026-10-12

Upgrading from 0.2.35. Visualize grows from a chart library into a dashboard library. Feeds describe their fields by meaning, and a design states what it needs of them. A board lays designs on a grid, runs them live under supervision, exports and prints them, and carries them between hosts. Themes carry meaning as ramps and roles, so a status reads the same on every theme, and every chart is named, described, reachable from the keyboard and calm under reduced motion. The imperative pipeline is unchanged, but some designs draw differently: axes derive their own ticks and formats, sequential colour scales follow the theme, and a chart's accessible markup changes, so read Breaking before you upgrade.

Breaking

A design from a newer release is refused as {:newer_schema, needs, this} (#550, #541, D-137). Affects code that matched the error for a newer document from Visualize.Chart.from_map/1, from_map!/1, from_json/1 or Visualize.Chart.Migration.migrate/1. Before: {:error, [{[:version], {:unsupported_version, 3}}]}. After: {:error, [{[:version], {:newer_schema, 3, 2}}]}, worded version: needs schema v3, this is v2, and the refusal comes before any other key is read. {:unsupported_version, v} now means a version below 1 only. Instead: match {:newer_schema, _, _} where you matched {:unsupported_version, v} for a newer version.
Every design reader applies sanity limits (#550, #541, D-137). Affects a design with more than 100,000 entries in one list or map, nesting deeper than 64, more than 1,000 axis ticks, more than 10,000 force iterations, or a count over 1,000,000. Before: it read. After: from_map/1, from_map!/1, from_json/1 and Fragment.from_json/1 refuse it with {path, {:limit, name, max, given}}. No gallery design comes near a limit. Instead: pass limits: [items: 500_000] (or whichever limit you need) to from_map/2, from_json/2 or Fragment.from_json/2.
An axis with no format or tick count derives them (#532, D-134). Affects every design axis that gives neither. Before: ten ticks, and the scale's default label (2024-03-05 03:00:00Z on a time axis, 90000 on a number axis). After: the count comes from the axis's length (one tick per 80 px across, per 35 px down, between 2 and
1. and the format from the domain: 03:00 or Mar 05, 90,000, 1.5M. Instead:
- set ticks: 10 to keep ten ticks on an axis shorter than 800 px across or 350 px down;
- set format: "d" on a numeric axis over years, which now reads 1,990 where it read 1990;
- check an axis with unit: "M" over values from 1,000, which now reads 1,200M, and give it a format.
An explicit format, count or list of values still wins. The hand-built Visualize.Axis is unchanged.
A :sequential or :diverging colour scale left at range: :auto draws the theme's ramp (#533, D-135). Affects heatmaps, contours, hexbins, radial bars and any design with such a scale and no range. Before: a sequential scale ran from the theme's background to its first series colour in RGB (white → #3b6fa8 on the light theme), and a diverging one from the second series colour through the background to the first. After: it reads the theme's sequential or diverging ramp, Lab-interpolated: close on the light theme, the dark theme's own ramp on the dark one. Instead: to keep the old colours, give the range, for example range: ["#ffffff", "#3b6fa8"].
Visualize.Color.to_lab/1 is the inverse of Visualize.Color.lab/4 (D-135). It used the D65 sRGB matrix against the D50 white point. Affects every Lab and LCh value of a chromatic colour, and so brighter/2, darker/2, interpolate_lab/3 and interpolate_hcl/3. Before: a grey had a chroma of about 12, and #808080 came back from a Lab round trip as #758194. After: #808080 comes back as #808080. Instead: nothing to call differently, but colours you stored or asserted from these functions change.
A mark's renamed colour scale reaches the colours its style binds (#565, D-143). The 0.2.35 spec said a style's {:field, f} colour read the frame's color scale "whatever the mark's scales say". Affects a mark with scales: %{color: name} and a {:field, f} fill or stroke in its style. Before: the style read the frame's color scale. After: it reads name, as the mark's series channel already did. Instead: to colour the style through the frame's color scale, don't rename color on that mark.
A chart's accessible markup changes (#557, D-142). Affects tests or CSS that match the root <svg>'s ARIA attributes, and pages that rely on a design with no meta.name rendering unnamed.
- Before: aria-labelledby="<title-id> <desc-id>". After: aria-labelledby="<title-id>" and aria-describedby="<desc-id>". This applies to Visualize.IR.Element.root/3 and every component.
- Visualize.Chart.render/2 and generate/2 with root: true now title a design with no meta.name by its kind (Line chart), and write a generated summary after meta.description in the <desc>. Instead: to keep 0.2.35's root, pass summary: false and your own title:.
- A component with animate gains the class vis-animated and a <style> beside its <desc>.

Added

Charts and axes

Visualize.Format.Auto (#532, D-134): tick formats derived from a scale's domain. time_format/2 picks a Visualize.Format.time/2 specifier from a time domain's span and the interval its ticks use: %H:%M within a day, %a %H:%M or %a %d within a week, %b %d within 92 days, and %b %Y (or %Y) beyond. notation/2 reads a numeric domain's magnitude: :plain below 1,000, :grouped below a million, and {:si, 6} and up beyond. number/2 turns a notation into a formatter (90,000; 0.5M, 1M, 1.5M, one prefix for the whole axis). formatter/2 does both for a realised scale. Every function takes locale:, which is "en" by default and the only locale for now; another raises.
Visualize.Axis.tick_count/2 (#532): the tick count an axis of a given length asks for, one per 80 px across or per 35 px down, between 2 and 10.
Units by UCUM code: Visualize.Unit (#536, D-138). parse/1 and valid?/1 check a UCUM code (ms, kBy, MiBy, %, Cel, kW.h, {request}/s) against a fixed table of prefixes and atoms, and refuse typos such as sec or kmin with a reason. symbol/2 writes a code for a reader (B/s, µs, °C, kW·h). convert/3 scales a value between codes of one dimension (1,500 ms is 1.5 s) and refuses °C to °F, which is out of scope. from_telemetry/1 maps a Telemetry.Metrics unit (:millisecond, :kilobyte, {:native, :millisecond}) to its code, without depending on telemetry_metrics.
Quantities and display scaling: Visualize.Quantity (#536, D-138). A fixed list of twelve quantities (:duration, :information, :data_rate, :frequency, :ratio, :count, :temperature, :length, :speed, :power, :energy, :pressure), each with a base unit and a family to scale in. display_unit/2 picks the unit that fits a domain. formatter/3 writes a scale's ticks in it with its symbol (0.5 s, 1 s, 1.5 s for 0–1,500 ms). label/1 is the axis-label rule: the unit, else the quantity, else nothing. Information scales in decimal units (kB, MB) unless your unit is binary (MiBy) or in bits, which keep their own family.
An axis measure (#536, D-138): measure: %{unit: "ms", quantity: :duration} (either key alone is enough) says what the axis's values are. With no format, a numeric axis's ticks are scaled into the unit that fits and carry its symbol. When the ticks cannot say the unit (a count, an explicit format), the axis draws a title by the label rule unless you anchor your own label there. The validator refuses a code it cannot read and a unit that does not measure its quantity. The existing unit key is unchanged: it is still a literal suffix.
Overlays are marks (#565, D-143). What a host drew around a chart (event markers, thresholds, the brush) is now part of the design, so every host that applies it draws the same overlays on SVG, the canvas, the binary stream and the hybrid page.
- A :rule at y in a cartesian frame is a horizontal rule across the plot, labelled at its left end: a threshold (channels: %{y: :value} over a source of thresholds) or a feed's target (y: fact(:primary, :latency, :target) over take(1) of the feed).
- A colour scale's range may be a map of colours on an :ordinal scale, pinning each category by name: range: %{"info" => :info, "critical" => :bad}, or a feed's own meaning, range: fact(:events, :severity, :status). A category the map does not name draws the theme's neutral :axis colour. In JSON it is a "$colours" list of pairs.
- polarity on a colour scale over a ramp (:higher_is_better, :lower_is_better, :neutral, or fact(:primary, :latency, :polarity)) places the ramp's good end at the better end of the domain. With kind: :threshold, domain: [fact(…, :target)] and range: {:ramp, :status}, a reading beyond the feed's target is :bad whichever way the feed says is better.
- A variable or a fact may stand for one member of a domain list, as the threshold above does.
- interaction: %{brush: :x}: the design's own brush. The chart writes its plot area and its x mapping (Visualize.Chart.Frame.brush_attrs/1), and BrushHook on a container around it pushes brush_select with "domain" => [lo, hi] (milliseconds for a time x). Your handler reads the window and needs no margins and no scale to invert. The element's own data-brush-type and data-brush-extent still win.
Sanity limits on every design reader (#550, #541, D-137): Visualize.Chart.from_map/2, from_map!/2, from_json/2 and Visualize.Chart.Fragment.from_json/2 take limits: [depth: …, items: …, ticks: …, iterations: …, counts: …]. The defaults (Visualize.Chart.Limits.defaults/0) are nesting 64, 100,000 entries in one list or map, 1,000 axis ticks, 10,000 force iterations, and 1,000,000 for bins, samples, n, width and a grid's dimensions. A host reading designs or boards from elsewhere tightens them. A value over a limit is {path, {:limit, name, max, given}}, worded by Validator.format/1 as frames.main.axes[0].ticks: asks for 5000 ticks; the limit ticks is 1000. From JSON, the nesting and sizes are checked before the document is decoded, so an oversized document makes no atoms. Visualize.Chart.Limits.check/2 gives the verdict on a map without reading it. See spec/14 §9.2.
Visualize.Chart.Migration.readable/1: the version gate alone, for a reader that holds a version before it holds a design.

Themes

Themes carry meaning: four ramps and five roles (#533, D-135). A Visualize.Theme now has ramps, each a list of anchor colours interpolated in CIE Lab: status (good → caution → bad), thermal (cold → neutral → hot), diverging (below → at → above a midpoint) and sequential (less → more). It also has the roles :good, :warning and :bad (the status ramp at 0, 0.5 and 1), :info and :neutral. A design colours by meaning with a role (fill: :bad) or a ramp position (fill: {:ramp, :thermal, 0.8}), wherever a colour is accepted, and every theme renders it in its own tones. Visualize.Theme.ramp/3 reads a position. Roles are slots, so stylesheet/1 declares --vis-good and the rest.
Ramp and role contracts are checked when a theme is built. Theme.new/1, Theme.merge/2 and an inline design theme refuse a ramp whose hues are out of order, whose lightness is not monotonic, or whose midpoint is not neutral. The ArgumentError names the theme, the ramp and what is broken. Theme.check/1 returns the same answer without raising, and the validator reports it as {:contract, message}. The tolerances are in spec/08 §7.5. Visualize.Theme.violations/1 (#563) lists every broken ramp and role, where check/1 gives the first.
Visualize.Theme.colour_safe/0 (theme: :colour_safe): the light theme with its status ramp blue → orange → red, so status reads under the commonest colour-vision deficiencies. Theme.builtin/1 resolves the built-in names.
Colour scales range over a theme ramp. range: {:ramp, :status} on an ordinal colour scale spreads its domain end to end (three states draw as :good, :warning, :bad). On a threshold scale it spreads its buckets, and on a sequential or diverging scale it interpolates the ramp. JSON writes a ramp as {"$ramp": "status"} and a position as {"$ramp": ["status", 0.5]}.
A theme is a stored, versioned value (#561, D-139). Visualize.Chart.Theme writes a theme as a document: to_map/1 is %{version: 2, theme: node}, and to_json/1 the stamped {"$version": 2, "theme": {…}}. from_map/2 and from_json/2 read one back to a %Visualize.Theme{} under the same rules as a design. A newer theme is refused by name before a key is read, limits: bound it, an older one migrates, and a broken ramp or role is the validator's {:contract, message} at its path. A document that only names a theme that is not built-in is the new fault {:unknown_theme, name}.
Colour-vision simulation (#563): Visualize.Color.Vision.simulate/2 shows a colour as a person with protanopia, deuteranopia or tritanopia sees it (Machado, Oliveira and Fernandes 2009, severity 1.0, in linear sRGB). recolour/2 applies it to every colour literal of an SVG.
Visualize.Theme.print/0 (theme: :print, #578, D-150): white with dark ink and the colour-safe status ramp, for paper.

Data and feeds

A feed can describe its fields: Visualize.Data.Schema (#551, D-136). new/1 takes a map from field name to a description of what the field means: type (required), unit, quantity, label, order, status (a state to a role such as :good, :warning or :bad), polarity, target, continuity and window (#586). attributes/0 lists the ten keys. A schema never names a colour: color, colors, palette, fill and the like are refused, because a theme chooses colour from the meaning. Each schema has a version, a SHA-256 content hash that is the same on every node and under every release, so a version can cross a wire.
A :time field holds instants, and a feed names its window field (#585, #586, D-154). A :time field's values are DateTime, NaiveDateTime or Date (or ISO 8601 strings, for a field that is not the window field). A count, tick, sequence number or offset is :number. A feed's windows are over its window field:
- the field described window: true, which may be :time or :number (%{tick: %{type: :number, window: true}}), else the schema's one :time field;
- with more than one :time field, mark the one your windows are over window: true, and window: false makes a schema's only :time field not the window field;
- a numeric field your rows are ordered by, or that continuity is measured along, is the window field too;
- Schema.new/1 reports window on a :category or :text field ({:invalid_for, type}), a value that is not a boolean ({:type, :boolean}), and two window: true fields ({:duplicate_window, other}).
Visualize.Feed.window_field/1 returns the window field and window_type/1 its type. Visualize.Feed.Window.applies?/2 says whether a window's bounds are of a window field's kind, and instant?/1 whether a value is an instant. A feed stamped with DateTimes that has one :time field, as Visualize.Feed.Telemetry is, needs nothing more.
Visualize.Data.Schema.Cache: schemas held by {feed, version} as a plain value you keep in your own state. resolve/4 answers a cached version without calling anything, and calls the describe function you give it once for a version it has not seen.
%Visualize.Data.Delivery{}: one answer of a feed, holding its rows, the window served, the resolution, capped, reduced_by and the schema version (never the schema). Visualize.Data.Table.rows/1 reads it, so it goes wherever a source goes: Visualize.Chart.apply/2's pool and a compiled chart's tick/3, step/3, render/2 and svg/2.
A design can require and read its feed's schema (#552, D-136). A source slot can state requires: %{latency: [:unit, :label]}, the attributes its feed's schema must describe. Visualize.Chart.fact(:primary, :latency, :label) reads one of them anywhere a value goes, and inside a text as #{fact(:primary, :latency, :unit)}. So an axis title can come from the field's label and unit, and an ordinal domain from its order. Visualize.Chart.apply/2 takes the schema cache as schemas: and a describe: function, and resolves the schema each delivery names. It fails with the slot, the field and the missing attribute named ({:missing_attribute, slot, field, key}) instead of drawing a blank label. The applied chart returns schemas, versions and the grown cache. Visualize.Chart.contract/1 lists what a design requires, for a picker.
A bound field's type is checked against its scale (#584, #582, #586, D-153, D-154). Each field a mark reads through a scale is checked against what the scale's kind needs: a time scale needs :time, band and ordinal need :category (or :text), and every other kind needs :number. A mismatch is the fault {:type_mismatch, slot, field, expected, given}, at the channel, style or offset that reads the field. A :time field read through a linear, log, power, sqrt, symlog or other numeric scale is {:type_mismatch, slot, field, :number, :time}.
- Visualize.Chart.apply/2 reports it wherever a schema is bound. A slot with no contract has its delivery's schema resolved for the check, and a schema it cannot resolve is no fault. Rows with no schema still raise from the frame, as before.
- The pure checks are Visualize.Chart.check_types/2 and Visualize.Board.Binding.check_types/3. Each takes a schema or a plain map of types, such as Visualize.Data.Table.column_types/1 reads from rows.
Visualize.Chart.Compiled.stale?/2: whether a delivery names a schema version other than the one the chart was compiled with. A schema change needs a recompile, as a resize does: tick/3, step/3, render/2 and svg/2 raise ArgumentError for a stale delivery, so compile again and carry/2 the state across.
The feed behaviour: Visualize.Feed (#537, D-140). A feed is a struct whose module implements describe/1 ({version, schema, supports}, where supports is any of [:window, :budget, :push]) and fetch(feed, window, budget) (a %Visualize.Data.Delivery{}), and optionally subscribe/2 and unsubscribe/2. Only rows are required. A window and a budget are requests. When your feed does not honour them, Visualize.Feed.finish/3 trims to the window along the window field and reduces to the budget with LTTB or M4, one series per category value and every number field's peaks kept, and records reduced_by: :visualize. It never reduces the window field itself. A push feed sends {:visualize_feed, ref, {:schema, version, schema}} before {:visualize_feed, ref, {:delivery, delivery}}, where each delivery holds the rows new since the last. A version the subscriber does not hold is asked of describe once. Callbacks answer {:error, reason} and never raise.
Visualize.Feed.Monitor: the loop over your feeds, as a value you keep in your process's state (a LiveView, or a board). Call tick/2 each frame and handle_message/2 from handle_info/2. It describes and subscribes your feeds, polls pull feeds every every: ms, buffers pushes until the next tick and merges them once, and deduplicates a push that overlaps a fetch. Pass deliveries/1 and cache/1 to Visualize.Chart.apply/2 as sources: and schemas:. status/1 reports each feed as :loading, :live, :stale (with stale_after:) or {:down, reason}, and the last delivery is still handed out while a feed is down. window/2 moves the window: a push feed is fetched again only for older data. Each feed is asked for the window that applies to it: a feed over ticks under a window of instants is asked for its own span (nil), and is neither trimmed nor refetched as that window moves. The monitor keeps each holding in time order and keeps a late pushed row instead of dropping it (#574), and Monitor.refetch/1 asks every feed again.
Visualize.Feed.Combine: one slot over several feeds, freshest first, for example the last hour from :telemetry and older data from a history store. Each feed is asked for the part of the window the fresher ones did not serve, and the seams are deduplicated. Every part must describe the same schema version, and the window may be over instants or numbers. describe/1 answers {:error, :combine_window_field} when the shared schema has no window field.
Visualize.Feed.Signals: a Visualize.Signals signal as a pull feed, honouring a window of ticks, with a fixed tick (at/2) or a clock (every:). It describes its tick as %{type: :number, window: true, label: "Tick"}, so bind the tick to a linear scale, not a time scale. It comes with Visualize.Signals.rows/3, the rows from one tick to another.
Visualize.Feed.Telemetry: an in-process :telemetry collector over a list of Telemetry.Metrics definitions. Start it in your supervision tree with {Visualize.Feed.Telemetry, metrics: metrics}. Each metric is a push feed (feeds/1) with rows %{t: DateTime, value: v} plus its tags, and a schema giving the label, the UCUM unit and the quantity. A counter's value is the running count, a sum's the running total.
A conformance kit for your feeds: Visualize.Feed.Conformance (#538, D-145). Add use Visualize.Feed.Conformance, feed: …, windows: […] to an ExUnit.Case module and it writes six tests:
- describe answers a valid schema under its content hash, and the same one each time;
- every delivery is well formed and names that version, its window covers its rows and every row the feed holds there, and capped, reduced_by and resolution are true;
- the capabilities in supports are honoured, and an undeclared :push is refused;
- a push feed sends the schema before any delivery naming it (give push:, a function that makes it push);
- a window the feed cannot read is an error value, never a raise (give down: to check a feed whose provider is gone as well);
- unsubscribing stops pushes.
The kit also checks the window field (#586): :no_window_field for a feed that supports :window with no window field, :window_value for a row whose window field is not of its type, and :not_an_instant for a :time value that is not an instant. Visualize.Feed.Conformance.check/2 runs the same checks outside a test and returns the findings as values, [] for a feed that passes. Each callback runs in its own process with you in $callers, so a sandboxed repository works and a raise is reported as a finding. The kit calls no ExUnit function itself, so it compiles in every environment of your app. Visualize.Feed.Signals and Visualize.Feed.Telemetry pass it. The LiveView guide has a new section, Writing a feed.

Boards

Visualize.Board: a dashboard as data (#539, D-141). A board lays designs out on a 12-column grid (metresis's, so a panel maps to a cell field for field). Each cell is {x, y, w, h} and a {:composite, n} reference to a component in your store, which may be a composite or a flat design. The cells share a UTC window (%{last: seconds} or %{from, to}), a display zone, board vars and a sync group, but never geometry: a board never flattens.
- Below layout.breakpoint (768 px) the cells stack full width in reading order (arrange/2, boxes/2).
- Board variables are the defaults of every cell's component variables, and a cell may override one.
- to_map/from_map and to_json/from_json round-trip a board. The JSON is stamped "$version", and a newer board is refused as {:newer_schema, needs, this} before anything is read. limits: applies, and the defaults apply when it is not given.
- validate/1 reports off-grid and overlapping cells, a bad window and wrong-kind refs. validate/3, given a store (a fetch function or an id map), adds dangling refs, cycles, components that are not designs, undeclared cell variables, and cells whose component cannot join the board's sync group (set sync: false on those).
- required_sources/3 lists every slot keyed {cell, slot} with its fields, types, reads and requires contract, so one design in two cells binds to two feeds.
- realise/4 applies every cell at its box's size, purely. components/3 prepares each cell's component, writing in the board's group and zone (a time scale with no zone takes the board's).
- The UTC window applies to feeds whose window field is :time. A feed over ticks keeps its own span, and its continuity is in its own units. To put ticks on the board's clock, map them to instants in your connector and describe them as :time.
Visualize.Board.Binding (#539): which feed fills each {cell, slot}, supplied by your connector and never stored in the board. check/3 reports every unbound slot, every contract a feed's schema cannot meet (with apply/2's reasons), every type mismatch per cell, and every binding to a slot no cell declares. pools/2 builds one pool per cell from your sources.
A board runs live (#574, D-146). Add {Visualize.Board.Supervisor, name: MyApp.Boards} to your tree and start a board under it with Visualize.Board.Server.start/2, passing board:, store:, binding: and feeds:.
- The board process owns the window (UTC), the zone, the variables, the sync group and one "now". It drives the feeds through a Visualize.Feed.Monitor. window/2 sets the window and re-asks every feed, and vars/2, resize/2, tick/1, info/1 and stop/1 do what they say.
- A board that does not validate given its store, or whose binding names a missing feed, is refused before anything starts.
- Each cell is its own process (Visualize.Board.Cell) under a heap limit (max_heap:, words). A cell that blows its heap or raises shows "Crashed, restarting" and is restarted with a backoff, and the board and the other cells carry on. A slow cell skips to the newest data instead of drawing a backlog.
- subscribe/1 delivers {:visualize_board, board, {:cell, name, %Visualize.Board.View{}}} straight from each cell: its SVG frame, its drawn state, and the crosshair and keyboard hooks' attributes.
Every cell state is drawn (#574). Visualize.Board.State decides and draws loading, no data yet, stale, feed down, capped, crashed and wrong binding ({:invalid, errors}, #584) from the board's theme. Each state uses a role colour and its glyph, so it reads in greyscale. Where there is no chart the state fills the whole cell, and over a chart it is a banner. The board gains the key stale_after (seconds). Visualize.Board.Rows.place/2 breaks a line where two readings are further apart than the field's continuity.
A live board in LiveView (#575, D-146). Render a board with <.live_component module={Visualize.Components.Board} id="ops" server={pid} board={board} />. Add one clause to your page: def handle_info({:visualize_board, _, _} = m, s), do: (Visualize.Components.Board.forward("ops", m); {:noreply, s}). The component subscribes your page to the board when it connects. It lays the cells on the 12-column grid, reflows them below the breakpoint, and shows the window in the board's zone. Each cell is its own LiveComponent (Visualize.Components.Board.Cell), so a frame's diff is that cell's alone. A cell carries data-vis-cell, is one tab stop, and wraps its chart in CrosshairHook, BrushHook and KeyboardHook.
BoardHook (#575), the twelfth hook in the bundle. It pushes the board's width to its component and moves focus between cells with the arrow keys, Home and End. Enter moves focus into a cell's chart, and Escape (KeyboardHook's) brings it back. Escape also clears a board's selection (#581).
BrushHook takes data-brush-target (#575). With it set, the brush pushes its events to that LiveComponent instead of the LiveView. On updated() the hook also re-attaches its overlay to a chart the server has redrawn, so a brush keeps working over a live chart.
A board's cells interact (#581, #545, D-151). The board process holds each interaction as shared state.
- Brush to window. A brush in any cell sets the window of every cell. The component calls Visualize.Board.Server.brush/2, which waits debounce: milliseconds (250) for the next brush, so a burst of brushes re-asks each feed once. Visualize.Board.Server.reset_window/1 restores the window the board was started with. The component shows a Reset window button while the window is moved, and the board's info reports moved. A cleared brush does not restore the window, because a click on a chart is a cleared brush; Reset window is the undo.
- Linked selection. A click on a chart, or Enter on a point the keyboard reached, selects {field, value} across the board. The field is the series field, else a :category field of the schema. Every cell whose rows hold the selection dims the other data with opacity 0.25, bound per datum through the style grammar. A cell that does not hold it is drawn unchanged. The board key links: %{name: :service} joins fields of different names. Escape or Clear selection clears it. The functions are Visualize.Board.Server.select/2 and pick/4, and Visualize.Board.link/2 and linked/2.
- Drill-down. A cell's drill: %{board: ref, vars: %{var => {:datum, field}}} opens another board, or :self, with variables taken from the clicked datum. Visualize.Board.validate/3 and Visualize.Board.Server.start/2 take boards: and refuse a target the host does not hold ({:no_board, ref}) or a variable it does not declare. The component sends your page {:visualize_board_drill, id, %{cell, board, vars}}, and you follow it, for example with push_navigate/2. Visualize.Board.drill/3 resolves a target from a row.
KeyboardHook gains data-keyboard-pick-event and data-keyboard-target. A board's JSON gains {"$datum": field}.
A board leaves the screen (#578, D-150). Visualize.Board.Server.snapshot/1 freezes a running board as a Visualize.Board.Snapshot: the board, its now and window, the theme, and each cell's component and the data it showed. Visualize.Board.Snapshot.realise/4 makes one purely, as Visualize.Board.realise/4 does.
- A snapshot needs no store, feed or process. to_json/1 writes it (stamped "$version", rows column by column), and from_json/2 reads it back under the same version policy and limits as a board.
- Visualize.Board.Export.svg/2 draws a snapshot as one SVG document: the header with the window in the board's zone, and every cell at its grid box with its title, its state banner, and its chart embedded byte for byte as the cell draws it, or its state's panel when it has no chart. png/2 rasterises that through resvg.
- For paper, Export.pages/2 lays the board on A4 or Letter, portrait or landscape, never splitting a cell, as one SVG per page. Export.html/2 puts the pages in one HTML document a browser prints as a PDF. Use it with theme: :print.
- Visualize.Board.window_text/2 writes a window in a zone as the board's header does.
A board travels to another host in a bundle (#542, D-147). Visualize.Chart.Builder.Bundle.export_board/3 bundles a %Visualize.Board{} with every component its cells reference, the library entries those use, and every stored theme the board or its components name (a theme the design's theme names, read through the cell's variables). import_board/3 checks the whole bundle before it puts anything:
- a newer schema or board version is refused;
- limits: bound the board, the entries and the components;
- a cell whose component the bundle does not carry is {:not_carried, id} at that cell;
- a carried theme whose name the store already gives a different theme is {:theme_taken, name}.
It then imports the entries through the store's own import/2 and returns %{board: board, ids: table, outside: ids}, the board's cell refs rewritten to the new ids. Bindings never travel: bind the imported board's required_sources/3 to your own feeds. %Bundle{} gains a board key, nil for a bundle export/3 makes.
A worked live board (#576). The examples site's /board page is a complete host. It puts Visualize.Board.Supervisor in its tree, starts a board of five cells over Visualize.Feed.Signals and in-process Visualize.Feed.Telemetry feeds, and renders it with Visualize.Components.Board and the one forwarding clause. One component sits in two cells bound to different metrics, and one cell is bound to a feed that is always down, so its drawn state is on the page. Copy it as the starting point for your own board.

Accessibility

Every chart describes itself (#557, D-142). Visualize.Chart.Summary.new/1 reads an applied chart into a text alternative: its name, its kind (a line chart, a gauge, a treemap…), its series, each axis's range or categories, and the highest and lowest value it draws, each with where it is. text/1 writes it as sentences, values written as their axis writes them (its measure's display unit, prefix and unit) to four significant digits. table/2 is the data-table fallback: an HTML <table> per mark, visually hidden and still read, for a page to place beside the chart. attrs/2 and description/2 name and describe whatever element stands for the chart, such as a canvas or the wrapper of a hybrid chart's layers. Visualize.Chart.render/2 and generate/2 take summary: (true, false, or your own string), and Visualize.IR.Element.root/3 takes hidden: true for aria-hidden.
A chart's points from the keyboard (#558, D-142). KeyboardHook, the bundle's eleventh hook, makes a chart one tab stop. The arrow keys move between its points and its series, and Home and End go to a series' ends. A polite live region reads each point (y, 3 of 51: x 2, y 54.3), and a ring marks it over the SVG or the canvas. Escape hands focus back to an enclosing data-vis-cell, so a board can navigate its cells around charts. Visualize.Hooks.Keyboard.attrs/1 writes the points once on the server from an applied chart. A series of more than 1,000 points is sampled evenly.
Reduced motion (#559, D-142). Visualize.Chart.compile/2 takes motion: :reduce, and Compiled.tick/3 and step/3 take motion: per tick. Every scale transition and mark motion is then drawn at its target on the tick it changes, its state kept, so turning motion back on eases on from where the chart stands. ResizeHook now pushes reduced_motion (prefers-reduced-motion: reduce) with every size, and again when the reader changes it, so the page that sizes a chart can compile it to match. A component with animate stops its transition under that media query.
Status beyond hue (#560, D-142). Every role carries a glyph and a dash besides its hue, fixed by the library in Visualize.Theme.cue/1: :good a circle and solid, :warning a triangle and "6 3", :bad a cross and "2 3", :info a square and "8 3 2 3", :neutral a diamond and "1 4". A {:field, f} binding on a :symbol mark's symbol or on stroke_dasharray reads through the frame's colour scale to the role and draws its cue, so a status chart reads in greyscale. The gallery's Gauge marks its zones with their glyphs.

Builder

The builder has a theme mode (#562, D-139). Opening a theme entry, New → theme, or the Theme button on a chart's bar puts Visualize.Chart.Builder in the theme mode.
- The inspector edits the theme's series colours, chrome (background, surface, text, axis, grid) and fonts, and can derive from a built-in or stored theme.
- The main column is a sheet of sample charts (series, the five roles, thermal, diverging, axes and text) drawn in the theme being edited. You can add designs from the store to it.
- Save to library keeps the theme and refuses one that is not valid. Store.theme_entry/2 finds the entry a stored theme name stands for.
The theme mode edits ramps and roles and checks them live (#563, D-139). Each ramp is drawn as the theme interpolates it, with a lightness strip and its anchors (change, add by resampling, remove). The status roles are marked at their fixed positions and set by the colour there, and :info and :neutral are colours of their own. Every edit runs the meaning contracts: a broken ramp or role is outlined and named in the contract's words, and Save to library refuses the theme. The seen with select draws the ramps and the preview sheet under each colour-vision deficiency.
A host ships a theme through the builder's store (#561). Visualize.Chart.Builder.Store.theme/2 loads a stored theme by the name it gives itself, and the builder's preview draws a design whose theme: names a stored theme in it. Visualize.Chart.Builder.Store.theme_name/1 is the name a stored theme entry answers to. Visualize.Chart.Fragment.read_json/2 is from_json/2 with the version the document was stamped with.
Build a board in the builder (#579, D-152). A board is a library kind: a store entry %{board: map} holding Visualize.Board.to_map/1, read back with Visualize.Board.from_map/2. Fragment.kinds/0 includes :board, so your store issues {:board, n} ids. Fragment.to_json/1 and from_json/2 round-trip a board, and Bundle.export/3 of a board entry carries its cells' components. A store whose put/2 derives the kind with Fragment.kind/1 needs no change.
- Opening a board entry, or New → board, puts Visualize.Chart.Builder in its board mode.
- Drag a cell to place it and drag its edges to resize it. The arrow keys do the same on a focused cell. The server refuses an overlap or a cell off the grid.
- You can pick each cell's component, title, sync and variables. You can set the board's name, window (none, last N seconds, or a fixed UTC span), display zone, sync group, stale_after, layout and variables.
- A narrow view shows how the board stacks below its breakpoint.
- Each cell previews through Visualize.Board.realise/4 over your sources, its slots bound by name.
- Edit component opens a cell's composite, and Back to board returns.
- A board entry cannot be dropped into a chart.
Bind a board's slots in the builder (#580, D-152). Give Visualize.Chart.Builder a catalog: a map from each feed you offer to its Visualize.Data.Schema, for example the schema Visualize.Feed.describe/1 answers. In the board mode, each cell's sources are then bound to those feeds. Without a catalog they are bound to your sources.
- The mode shows every unbound slot and every unmet contract (Visualize.Board.Binding.check/3) before any data flows.
- The binding is never stored in the board. Each change is sent to your LiveView as {on_bind, id, board_id, binding} (on_bind defaults to :visualize_board_bound). Hand it back through board_bindings, keyed by the board entry's id, when the board opens again.
- A slot with no binding starts bound to the feed of its own name, if there is one.
- The preview binds through the binding. A catalog feed previews over your sources entry of that name, or else over rows made from its schema (Visualize.Chart.Builder.Boards.sample/2, which gives a :number window field its row's place, 0 to 59).
A wrong binding in the builder is a fault panel, not a crash (#584, D-153). The single-chart preview, the inspector and the board mode's cells check types before they apply. A wrong binding is drawn as a fault panel in the board runtime's cell-state style, with every fault listed beneath it.

Changed

What you change, where your code reads a value the library hands back:

You read	Before	Now
a design's maps	`design.frames.main`, `chart.styles.series`, `scales.x`	`design.frames["main"]`, `chart.styles["series"]`, `scales["x"]`
a reference	`{:field, :v}`, `%Var{name: :unit}`, `mark.data == :primary`	`{:field, "v"}`, `%Var{name: "unit"}`, `mark.data == "primary"`
a fault's path and reason	`{[:frames, :main, :axes, 0], …}`, `{:undeclared, :source, :s}`	`{[:frames, "main", :axes, 0], …}`, `{:undeclared, :source, "s"}`
`Chart.compile/2`	`{:ok, %{main: compiled}}`	`{:ok, %{"main" => compiled}}`
`Chart.apply/2`	`applied.frames.main`, `applied.sources.primary`, `applied.schemas.cells`	`applied.frames["main"]`, `applied.sources["primary"]`, `applied.schemas["cells"]`
a board	`board.cells.latency`, `board.vars.unit`	`board.cells["latency"]`, `board.vars["unit"]`
a board's process	`{:cell, :latency, view}`, `view.cell == :latency`, `Server.info(b).cells.a`	`{:cell, "latency", view}`, `view.cell == "latency"`, `Server.info(b).cells["a"]`
a binding	`binding.slots == %{{:a, :primary} => :cpu}`	`%{{"a", "primary"} => :cpu}`; a feed stays your term
a selection, an identity, an event	`{:service, "api"}`, `%Event{cell: :a, frame: :main}`, `item: {:dot, %{row: r}}`	`{"service", "api"}`, `%Event{cell: "a", frame: "main"}`, `item: {"dot", %{"row" => r}}`
`Board.realize/4`, `components/3`, `required_sources/3`	keys `:a`, `{:a, :primary}`	keys `"a"`, `{"a", "primary"}`
a snapshot	`snapshot.cells.a.slots.primary`; rows read back keyed `:t`	`snapshot.cells["a"].slots["primary"]`; rows read back keyed `"t"`
a host theme	`Theme.new(name: :house).name == :house`, a color `:brand`	`"house"`, `"brand"`; a built-in theme and the library's colors stay atoms
a virtual source	`source.id == :health`, paths `[:ops, :health]`, output rows `%{n: 1}`	`"health"`, `["ops", "health"]`, `%{"n" => 1}`
a feed-only input	`{"vm.load", window}` (a string named only a feed)	`{{:feed, "vm.load"}, window}`; a plain string is a short id, resolved to a virtual source first, else the feed
a `defsource` function	`inputs.hosts`	`inputs["hosts"]`; its rows are your feed's, as before

What JSON a writer produces. A name is written as before. A category value an Elixir design gave as an atom the library has no word for (:warn in a color map) is now written as its plain string, "warn", where it was {"$atom": "warn"}; both read as the same map. A gradient declared under defs draws under a new opaque id prefix (the prefix is a hash of the defs, whose names are now strings).

A component with animate carries the class vis-animated and a <style> that stops its transition under prefers-reduced-motion: reduce (#559).
A canvas names itself, and a hybrid chart's SVG layers are hidden (#557). The root wrapper of Visualize.Backend.Canvas and Visualize.Backend.Hybrid.render/1 take title: and description: and put them on the <canvas> (role="img", aria-label, and the description as its fallback content). Hybrid.render_static/1, and so a compiled chart's static, dynamic and backdrop documents, is aria-hidden="true": one layer of a picture the page names.
In a cartesian frame a :rule and an :x_band are cut to the plot area (#565, D-143). A rule outside it, or a band wholly outside it, draws nothing, and a band that crosses an edge is clamped to it. An event that began before the window no longer draws across the axis.
BrushHook sends domain whenever it can map the selection: in a sync group, as before, and now under a design's brush too (#565).
A compiled chart's SVG carries its frame's sync and brush attributes (#574, D-146). Visualize.Chart.Compiled.svg/2 and step/3 now write data-vis-sync, data-vis-sync-x and data-vis-brush on the frame group, as Visualize.Chart.render/2 already did. A compiled chart in a sync group therefore joins the group's bus from its SVG alone. A design with no group and no brush renders exactly as before.
A :symbol mark in a polar frame keeps its glyph (#560). Only its position bends around the arc. Before, the glyph itself was bent and drew as a sliver.
A retargeted easing is shown where it starts on the tick it is retargeted (#559). This is unchanged for any easing with a duration. An easing of no duration now reaches its target on that tick instead of the next.
ramps and roles merge key by key in Theme.new/1 and Theme.merge/2, and a theme lacking one takes the default theme's, never a series colour (#533).
Theme.slots/1 and Theme.colour_slots/1 include the five roles, after surface (#533). Code that pairs the slot list with a fixed list sees five more entries.
Visualize.Chart.Fragment.to_json/1 stamps the document with "$version" (#550, D-137). from_json/2 reads and drops it, refusing a newer one as {:error, {:newer_schema, …}} and an oversized document as {:error, {:limits, errors}}. Documents written before the stamp read as they always did, and from_json(to_json(f)) is still f.
A bundle's provenance carries schema, the version it was exported at, and Visualize.Chart.Builder.Store.relocate/3 refuses a newer bundle before it puts an entry (#541).
The Visualize.Chart.Validator.path type may hold strings: the path of a limit fault in a JSON document refused before decoding uses the document's own keys (#550).
The builder is split into modules by area, with no change in behaviour (#568). Visualize.Chart.Builder keeps its assigns, its messages, css/0, styles/1 and tick/2 exactly as before. What moved is internal (Visualize.Chart.Builder.Events.*, Editing, Tree, Selection, Writes, Workspace, Modes, ThemeMode, none of them public). A test that calls the component's handle_event/3 directly sees the same results, and an event the builder does not handle still raises FunctionClauseError.
Visualize now starts :crypto (extra_applications), for the schema version's hash.
:telemetry is an optional dependency (#537), for Visualize.Feed.Telemetry. If your app lacks it, everything else builds as before. Visualize does not depend on telemetry_metrics.
The repository's lock moves decimal to 3.2.0, past CVE-2026-97853 (#583). Visualize does not require decimal; it reaches the lock through the test-only Explorer and the optional Jason. Your app's own lock decides its version, so run mix deps.update decimal if it holds 3.1.1.
The README says where visualize is going (#587): designs, feeds, boards and themes as layers a host composes, and how a host integrates them. It is titled README in the docs sidebar (#530).

Fixed

Visualize.Chart.to_json/1 raised on a channel at its scale's own end (#554): a {:scale, :min} or {:scale, :max} channel, such as an area's y0, had no JSON form. It is now written {"$scale": "min"} and read back as the tuple.
An axis's format: :duration read back from JSON as the string "duration" (#554, D-144), so the axis printed that word as a format specifier instead of durations. Where a key may be a string or an enumerated atom, a string naming a member of the enumeration now reads back as the atom. Every gallery design now round-trips through to_json/1 and from_json/1.
A projection no longer raises ArithmeticError at the edge of its domain (#566, #577, D-149). Rounding carried a value that is exactly ±1 at a pole or the antimeridian a few ulps past it. Projection.invert/3 of :collignon's own south pole raised asin(-1.0000000000000004), and so did a rotation that carried a point onto that pole. :albers, :conic_equal_area, :mollweide, :eckert2, :eckert3, :eckert6, :wagner4 and :loximuthal failed the same way at a pole, and :mollweide's project/3 at a latitude one ulp inside one. Every inverse sine and cosine in Visualize.Geo is now d3's clamped one, so invert/3 of a point just outside a map's outline returns a point, as d3 does, where it raised. Points inside the domain project and invert exactly as before.
Binding a feed of the wrong type no longer takes the builder down (#584, #582, D-153). It raised from the frame inside the builder's previews. The type check above reports it instead.
The builder no longer raises while rendering a design whose inline theme breaks a contract (#563). Its colour wells draw the theme unchecked.
A non-composite chart in the builder (a style, a theme) no longer reports its own version stamp as a fault of its kind (#561).
The examples' performance drawer test failed under load (#567, D-148). A tick's elapsed time came from the real clock, so a strip meant to scroll two columns scrolled a hundred on a busy machine and crossed its byte budget. The chart page reads every instant of a run through a run_clock it holds, and its tests drive that clock exactly. Nothing a person sees changes.
The suite no longer waits on the clock (#520, D-148). Every test that waited on wall time now waits on a message or a count with a bound of at least five seconds. A check beside D-114's fails the gate on a shorter assert_receive, ExUnit's 100 ms default, a refute_receive that waits, a short receive … after or a sleep, unless the site is allow-listed with its reason. The examples' per-chart size test, which ran 51.6 s of its 60 s timeout, is one test per chart that renders each chart once instead of three times.

0.2.35 — 2026-10-10

Changed

What you change, where your code reads a value the library hands back:

You read	Before	Now
a design's maps	`design.frames.main`, `chart.styles.series`, `scales.x`	`design.frames["main"]`, `chart.styles["series"]`, `scales["x"]`
a reference	`{:field, :v}`, `%Var{name: :unit}`, `mark.data == :primary`	`{:field, "v"}`, `%Var{name: "unit"}`, `mark.data == "primary"`
a fault's path and reason	`{[:frames, :main, :axes, 0], …}`, `{:undeclared, :source, :s}`	`{[:frames, "main", :axes, 0], …}`, `{:undeclared, :source, "s"}`
`Chart.compile/2`	`{:ok, %{main: compiled}}`	`{:ok, %{"main" => compiled}}`
`Chart.apply/2`	`applied.frames.main`, `applied.sources.primary`, `applied.schemas.cells`	`applied.frames["main"]`, `applied.sources["primary"]`, `applied.schemas["cells"]`
a board	`board.cells.latency`, `board.vars.unit`	`board.cells["latency"]`, `board.vars["unit"]`
a board's process	`{:cell, :latency, view}`, `view.cell == :latency`, `Server.info(b).cells.a`	`{:cell, "latency", view}`, `view.cell == "latency"`, `Server.info(b).cells["a"]`
a binding	`binding.slots == %{{:a, :primary} => :cpu}`	`%{{"a", "primary"} => :cpu}`; a feed stays your term
a selection, an identity, an event	`{:service, "api"}`, `%Event{cell: :a, frame: :main}`, `item: {:dot, %{row: r}}`	`{"service", "api"}`, `%Event{cell: "a", frame: "main"}`, `item: {"dot", %{"row" => r}}`
`Board.realize/4`, `components/3`, `required_sources/3`	keys `:a`, `{:a, :primary}`	keys `"a"`, `{"a", "primary"}`
a snapshot	`snapshot.cells.a.slots.primary`; rows read back keyed `:t`	`snapshot.cells["a"].slots["primary"]`; rows read back keyed `"t"`
a host theme	`Theme.new(name: :house).name == :house`, a color `:brand`	`"house"`, `"brand"`; a built-in theme and the library's colors stay atoms
a virtual source	`source.id == :health`, paths `[:ops, :health]`, output rows `%{n: 1}`	`"health"`, `["ops", "health"]`, `%{"n" => 1}`
a feed-only input	`{"vm.load", window}` (a string named only a feed)	`{{:feed, "vm.load"}, window}`; a plain string is a short id, resolved to a virtual source first, else the feed
a `defsource` function	`inputs.hosts`	`inputs["hosts"]`; its rows are your feed's, as before

What JSON a writer produces. A name is written as before. A category value an Elixir design gave as an atom the library has no word for (:warn in a color map) is now written as its plain string, "warn", where it was {"$atom": "warn"}; both read as the same map. A gradient declared under defs draws under a new opaque id prefix (the prefix is a hash of the defs, whose names are now strings).

The documentation is the README, the guides and the changelog (#529, D-133). The specification, API_SURFACE.md and usage-rules.md are no longer hexdocs pages; they still ship in the package and are read on GitHub. Every link to them from the README, the guides and this changelog is now an absolute GitHub URL, and a link to a section of the specification uses GitHub's heading anchor, so it opens at that section there.

0.2.25 — 2026-10-10

Added

Visualize.Geo.Circle (#525): d3-geo's geoCircle. polygon/1 returns the circle of radius degrees (default 90) about a center [lon, lat] (default [0, 0]), every precision degrees (default 6), as a GeoJSON Polygon — d3-geo 3.1.1's ring point for point, in d3's winding, so Visualize.Geo.Path fills the cap about the centre under any projection, cut and closed at the antimeridian. A night side is polygon(center: antisolar_point).
alpha and ticks on the :force step (#527, D-132): the temperature a compiled chart reheats the layout to each tick (0.3) and the iterations it runs (3).
Visualize.Layout.Force.run/1 takes :alpha and :alpha_decay (#527): a run can continue a layout, from nodes that carry their x, y, vx and vy, as a reheated d3 simulation does. The defaults are unchanged.
Visualize.Chart.Frame.new/2 takes warm: (#527, D-132): the force layouts a compiled chart carries between ticks.

Changed

What you change, where your code reads a value the library hands back:

You read	Before	Now
a design's maps	`design.frames.main`, `chart.styles.series`, `scales.x`	`design.frames["main"]`, `chart.styles["series"]`, `scales["x"]`
a reference	`{:field, :v}`, `%Var{name: :unit}`, `mark.data == :primary`	`{:field, "v"}`, `%Var{name: "unit"}`, `mark.data == "primary"`
a fault's path and reason	`{[:frames, :main, :axes, 0], …}`, `{:undeclared, :source, :s}`	`{[:frames, "main", :axes, 0], …}`, `{:undeclared, :source, "s"}`
`Chart.compile/2`	`{:ok, %{main: compiled}}`	`{:ok, %{"main" => compiled}}`
`Chart.apply/2`	`applied.frames.main`, `applied.sources.primary`, `applied.schemas.cells`	`applied.frames["main"]`, `applied.sources["primary"]`, `applied.schemas["cells"]`
a board	`board.cells.latency`, `board.vars.unit`	`board.cells["latency"]`, `board.vars["unit"]`
a board's process	`{:cell, :latency, view}`, `view.cell == :latency`, `Server.info(b).cells.a`	`{:cell, "latency", view}`, `view.cell == "latency"`, `Server.info(b).cells["a"]`
a binding	`binding.slots == %{{:a, :primary} => :cpu}`	`%{{"a", "primary"} => :cpu}`; a feed stays your term
a selection, an identity, an event	`{:service, "api"}`, `%Event{cell: :a, frame: :main}`, `item: {:dot, %{row: r}}`	`{"service", "api"}`, `%Event{cell: "a", frame: "main"}`, `item: {"dot", %{"row" => r}}`
`Board.realize/4`, `components/3`, `required_sources/3`	keys `:a`, `{:a, :primary}`	keys `"a"`, `{"a", "primary"}`
a snapshot	`snapshot.cells.a.slots.primary`; rows read back keyed `:t`	`snapshot.cells["a"].slots["primary"]`; rows read back keyed `"t"`
a host theme	`Theme.new(name: :house).name == :house`, a color `:brand`	`"house"`, `"brand"`; a built-in theme and the library's colors stay atoms
a virtual source	`source.id == :health`, paths `[:ops, :health]`, output rows `%{n: 1}`	`"health"`, `["ops", "health"]`, `%{"n" => 1}`
a feed-only input	`{"vm.load", window}` (a string named only a feed)	`{{:feed, "vm.load"}, window}`; a plain string is a short id, resolved to a virtual source first, else the feed
a `defsource` function	`inputs.hosts`	`inputs["hosts"]`; its rows are your feed's, as before

What JSON a writer produces. A name is written as before. A category value an Elixir design gave as an atom the library has no word for (:warn in a color map) is now written as its plain string, "warn", where it was {"$atom": "warn"}; both read as the same map. A gradient declared under defs draws under a new opaque id prefix (the prefix is a hash of the defs, whose names are now strings).

The cheatsheet links open its rendered page on HexDocs (#528). guides/cheatsheet.cheatmd is ExDoc's cheatsheet format, so GitHub and GitLab show it as plain text. The README and the guides now link https://hexdocs.pm/visualize/cheatsheet.html.
A projection's clip hides a row; it no longer drops it (#522, D-130). A :projection step keeps every row it is given. A point the projection clips keeps its row with x and y set to nil. A geometry that projects to nothing keeps its row with path, x and y set to nil. Marks draw nothing for these rows on every backend. Domains are now inferred over every row, whatever the viewpoint. Before, a turning globe coloured through an inferred ordinal_scale(:color) changed its land colours as it turned, and a bubble map's size domain depended on what was in view. Rows with a missing or non-numeric coordinate, or a geometry that is not a map, are still dropped. If you count or read the step's output rows, expect the clipped ones, with nil positions.
A :line or :area path that places no point draws no element (D-130). This applies to a whole series a projection clips, and to a line with no rows. Before, it drew an empty <path d="">.
A compiled chart's force layout is warm (#527, D-132). Visualize.Chart.Compiled keeps each :force step's last layout, every node's position and velocity by id, and each tick/3 or step/3 moves the graph on from it instead of laying it out again from scratch. A change to the step's distance or strength now perturbs the graph rather than replacing it with a new one, often a reflection or rotation of the last. A node new to the graph starts near its linked neighbours, and a node that has gone is forgotten. Compiled.carry/2 carries the layout across a recompilation, so a caller that compiles again because a tick's marks differ keeps the graph where it was. Visualize.Chart.apply/2 and render are unchanged: the same input lays out the same graph, cold.
The marks of one graph share one layout (#527, D-132). Visualize.Chart.Frame.new/2 lays out each distinct :force step once and holds it in the frame's new forces field, so a links mark and a nodes mark over the same step agree exactly and the simulation runs once per realisation, not once per mark and pass. Compiling a graph is about eight times cheaper.
A :force node source's x and y seed the layout (#527). A node whose row has numeric x and y starts there, as d3 honours a given position.

0.2.4 — 2026-10-10

Changed

What you change, where your code reads a value the library hands back:

You read	Before	Now
a design's maps	`design.frames.main`, `chart.styles.series`, `scales.x`	`design.frames["main"]`, `chart.styles["series"]`, `scales["x"]`
a reference	`{:field, :v}`, `%Var{name: :unit}`, `mark.data == :primary`	`{:field, "v"}`, `%Var{name: "unit"}`, `mark.data == "primary"`
a fault's path and reason	`{[:frames, :main, :axes, 0], …}`, `{:undeclared, :source, :s}`	`{[:frames, "main", :axes, 0], …}`, `{:undeclared, :source, "s"}`
`Chart.compile/2`	`{:ok, %{main: compiled}}`	`{:ok, %{"main" => compiled}}`
`Chart.apply/2`	`applied.frames.main`, `applied.sources.primary`, `applied.schemas.cells`	`applied.frames["main"]`, `applied.sources["primary"]`, `applied.schemas["cells"]`
a board	`board.cells.latency`, `board.vars.unit`	`board.cells["latency"]`, `board.vars["unit"]`
a board's process	`{:cell, :latency, view}`, `view.cell == :latency`, `Server.info(b).cells.a`	`{:cell, "latency", view}`, `view.cell == "latency"`, `Server.info(b).cells["a"]`
a binding	`binding.slots == %{{:a, :primary} => :cpu}`	`%{{"a", "primary"} => :cpu}`; a feed stays your term
a selection, an identity, an event	`{:service, "api"}`, `%Event{cell: :a, frame: :main}`, `item: {:dot, %{row: r}}`	`{"service", "api"}`, `%Event{cell: "a", frame: "main"}`, `item: {"dot", %{"row" => r}}`
`Board.realize/4`, `components/3`, `required_sources/3`	keys `:a`, `{:a, :primary}`	keys `"a"`, `{"a", "primary"}`
a snapshot	`snapshot.cells.a.slots.primary`; rows read back keyed `:t`	`snapshot.cells["a"].slots["primary"]`; rows read back keyed `"t"`
a host theme	`Theme.new(name: :house).name == :house`, a color `:brand`	`"house"`, `"brand"`; a built-in theme and the library's colors stay atoms
a virtual source	`source.id == :health`, paths `[:ops, :health]`, output rows `%{n: 1}`	`"health"`, `["ops", "health"]`, `%{"n" => 1}`
a feed-only input	`{"vm.load", window}` (a string named only a feed)	`{{:feed, "vm.load"}, window}`; a plain string is a short id, resolved to a virtual source first, else the feed
a `defsource` function	`inputs.hosts`	`inputs["hosts"]`; its rows are your feed's, as before

What JSON a writer produces. A name is written as before. A category value an Elixir design gave as an atom the library has no word for (:warn in a color map) is now written as its plain string, "warn", where it was {"$atom": "warn"}; both read as the same map. A gradient declared under defs draws under a new opaque id prefix (the prefix is a hash of the defs, whose names are now strings).

Visualize is on Hex (#516): depend on {:visualize, "~> 0.2"} rather than a git tag. The documentation is on HexDocs. The source, and issues and feedback, are at github.com/dcoai/Visualize.

0.2.0 — 2026-10-10

Upgrading from 0.1.0. This is the first minor since the first tag, and the breaks are in the declarative layer and the builder. The imperative pipeline (Scale → Shape → IR.Element → Render) removes nothing. A design now holds its frames by name and records no size: the host gives size: at Visualize.Chart.apply/2, and Visualize.Chart.compile/2 returns one compiled chart per frame. Stored version-1 designs still read, because from_map/1 and from_json/1 migrate them, but code that builds designs, reads a compiled chart, or implements Visualize.Chart.Builder.Store needs the edits listed under Breaking. Three d3-conformance fixes in geo and stacking also move output for the same input. Read those if you draw globes, rotate projections, or stack :insideout.

Breaking

A design holds its frames by name, and the schema is version 2 (#383, #428). The design's frame: key is frames: %{main: …}, %Visualize.Chart{} has frames where it had frame, and to_map/1 writes version: 2 (Visualize.Chart.Migration.current/0). Affects code that writes design maps or fragments by hand, or matches on the struct. Instead: write frames: %{main: %{kind: :cartesian, …}}, and use Visualize.Chart.Build.in_frame/2 to put fragments under another frame. A whole design that says version: 1 still works: from_map/1, from_json/1, apply/2 and compile/2 migrate it first (#479). A fragment carries no version, so it is not migrated, and a fragment written with frame: is an unknown key. Visualize.Chart.Applied gains frames. Its frame is the first frame by name.
A design records no size (#427). A frame has no size key and the :size node kind is gone. Instead: pass the host's container as size: {width, height} to Visualize.Chart.apply/2 or Visualize.Chart.compile/2 (or Visualize.Chart.Frame.new/2). The default is {600, 400}. Migration drops a version-1 design's frame.size. Such a design now draws at 600×400 unless you pass size:. A version-2 design that still says size fails validation as an unknown key.
Build's frame functions take a name, not a size (#427, #383). Build.cartesian(width, height, opts) and the same three-argument forms of polar, geo and facet are removed. The two-argument forms now mean (name, opts), so cartesian(600, 400) raises. Instead: Visualize.Chart.Build.cartesian/0, cartesian(opts) or cartesian(:name, opts), and the size at apply. Visualize.Chart.Build.scale/3, axis/3 and legend/2 now write into frames.main.
Visualize.Chart.compile/2 returns one compiled chart per frame (#431, #385). It returns {:ok, %{main: compiled}} where it returned {:ok, compiled}. Instead: match the frame you want ({:ok, %{main: compiled}} = Chart.compile(design, opts)), or map over the result for a design of several frames.
A compiled chart no longer carries its sources (#412). The sources field is gone from %Visualize.Chart.Compiled{}. Affects code that read compiled.sources or matched on it. Instead: keep the rows you passed. Compiled.render/2, svg/2 and tick/3 take the tick's sources as before.
Visualize.Chart.Builder.Store is version 2 (#173, D-99, D-100, D-103). The 0.1.0 callbacks were list/0, get(name) and put(name, map) returning :ok. Now:
- Every callback takes a context, and an entry has an id. The callbacks are list(context), which returns [%{id, name, kind}], then get(id, context), put(entry, context), which returns {:ok, id}, delete(id, context), and import(bundle, context).
- An entry is %{id: nil | id, name, kind, fragment}. The store issues ids as {kind, n} and never reuses one. The name is a "group:sub-group:name" label.
- The store assign may be {module, context}.
- Visualize.Chart.Builder.Store.relocate/3 is a reference import/2 over your put/2.
- The kind is Visualize.Chart.Fragment.kind/1, one of Visualize.Chart.Fragment.kinds/0, which has no :design (#187). Save a composite; a design is what deploying produces.
The builder's save message carries structure, not a flat design (#178, #183, D-103). {on_save, id, structure} is now a composite of Visualize.Chart.Use sites holding store ids. Instead: flatten it with Visualize.Chart.flatten/2, which returns {:ok, design, report}. Or handle the new {on_deploy, id, design} message, which the builder's Deploy button sends with the flat design. The tag is the on_deploy assign, default :visualize_chart_deployed.
The validator refuses designs 0.1.0 accepted (#368, D-113; #487, D-122). A reference into a declaring map the design never wrote is now reported. For example, data: :s with no sources is {:undeclared, :source, :s}, where 0.1.0 treated the missing map as unknown. A colour channel's constant value, or a typed column, that a declared ordinal colour domain can never hold is {:outside_domain, scale, value}. Instead: declare what you reference, and widen the domain or drop the constant.
A stack's :insideout order is d3's stackOrderInsideOut (#496, D-125). It put the heaviest series at the bottom, where the spec said the middle. It now takes the series in order of appearance (by the index of each one's peak) and places each on whichever side has the smaller running sum, so the earliest-peaking series sits in the middle and later ones outward. Any stack ordered :insideout, or a design's :stack step ordered :inside_out, stacks in a different order. Instead: to keep a fixed order of your own, use order: {:keys, list} (#492, below).
A projection's phi and gamma are d3's (#511, D-129). phi now tilts the globe and gamma rolls it, with d3's axes, order and sign. What 0.1.0 called phi is now gamma with its sign flipped, and 0.1.0's gamma has no equivalent. Instead: a rotation {λ, φ, 0} from 0.1.0 is {λ, 0, -φ} now. lambda keeps its opposite-to-d3 sign (D-44), so a rotation copied from d3 keeps φ and γ and negates λ.
Projected GeoJSON is clipped on the sphere as d3-geo clips it, so winding matters (#509, #510, D-127). Visualize.Geo.Path cuts lines and polygons at the antimeridian of the rotated frame, and under a clip_angle along the small circle. It no longer drops vertices. An anticlockwise ring is the rest of the sphere, as in d3. Instead: rewind data in RFC 7946's winding before drawing it (Natural Earth as d3 ships it needs nothing). The defaults change too:
- The azimuthal clip angles are d3's: 90 + 1e-6 for the orthographic, 180 - 1e-3 for the azimuthal equal-area and equidistant.
- bounds/2 and centroid/2 read the clipped vertices.
- A ring that crosses nothing keeps its vertices exactly.
The incremental 0x60 scroll record carries its viewport (#295, D-106). Sixteen more header bytes, vx vy vw vh, follow the offset, making a fixed 27-byte header. The shipped CanvasIncrementalChart hook reads it, so this affects only a host that decodes the stream itself. Visualize.Backend.CanvasIncremental.encode_incremental/4 takes the rectangle as viewport:, the whole canvas by default.

Added

Documentation

Guides (#515): Getting started, Charts in LiveView, Designing charts and a cheatsheet, under Guides in the docs. Every Elixir block in them and in the README runs in the test suite, so they cannot fall behind the code.
The README is a short introduction: what visualize is, why, how to install it and run the examples, and where the documentation is.

Declarative charts

Several frames in one design (#428, #437, #436, #438). A frame takes a box (fractions of the render's size), a z and a background. A design's layout (Visualize.Chart.Build.layout/1: columns and rows as weights, gap in pixels) places frames by cell and span instead of arithmetic. A frame can adopt another frame's scale, so two frames share a domain while each keeps its own range (Visualize.Chart.Build.adopt/2, {:frame, :main, :x}). A composite is placed as frames by its key. Visualize.Chart.generate/2 with root: true renders a whole design as an accessible <svg> document (#131).
New marks:
- :text (#337), with edge anchors for the rectangular types.
- :needle (#392, Visualize.Shape.Needle).
- :tiles (#475; see Geo).
series is a channel of every mark that draws rows (#508, D-126). Every element and label of a series carries data-series, so a legend toggle hides a series' points with its line.
New data steps:
- :fold (#240): wide columns to long rows.
- :take and :window (#426): the newest rows or a duration back from now:.
- :spectrum (#375): a one-sided amplitude spectrum by FFT.
- :lttb and :m4 (#448): shape-preserving downsampling.
- :hexbin (#353).
- :projection over a geometry column, with the Sphere (#350).
- A graph's nodes as a second source, and strength and distance on :force (#352, D-110).
Polar as a coordinate transform (#390–#393). An angle scale carries start and sweep. Every ordinary mark is laid out in (angle, r) and bent around the arc. A categorical angle closes its ring, which gives the radar. Labels take :outward/:inward anchors with dr, rotate in degrees or :tangent/:radial (#338), and a {:frame, :center} anchor (#489).
Scales:
- Offset scales, a band within a band, which gives grouped bars (#339, D-109).
- A time scale's display zone (#447; see Data and scales).
- {:scale, :min} and {:scale, :max} as a channel value, so an area can fill to its axis whatever the domain (#420).
- A transition node on a scale or a mark eases a moving domain or value between ticks in a compiled chart (#360, #417). Visualize.Chart.Compiled.step/3 steps one frame, and Visualize.Chart.Compiled.carry/2 keeps the easing across a resize (#434).
Styles:
- Gradients in defs, used as {:paint, name}; see Visualize.Chart.Build.gradient/3 and paint/1 (#133, #219).
- A fill style; a stroke style of single, double, inside or outside (#218); blend mode and shadow or blur effects (#220).
- font_style and the weight words (#217).
- Multi-line text with line_height (#221); vertical_align, margin_x, margin_y and text_angle (#222).
- A style site takes a stack of styles (D-98).
- :contrast as a colour (#486, D-123): the theme's text or background, whichever reads against the fill under the label, with WCAG AA guaranteed. See Visualize.Theme.ink/2.
- A mark label's fit: :truncate or :hide (#138).
Axes and legends: a legend outside the plot with inside: false (#347); prefix and unit on an axis or legend (#351); format: :duration on an axis (Visualize.Format.duration/1, #191).
Typed columns (#369): a source's types declares each field as :time, :number, :category or :text. See Visualize.Chart.column_type/3 and Visualize.Data.Table.column_types/1.
Sync groups share hover (#466, D-116). A design key, interaction: %{sync: "<group>"}, makes charts on one page share a cursor. Hovering one moves the crosshair and the tooltip of every other member to the same x in domain units, through each chart's own scale, so members may differ in width and margin. No host JavaScript is needed: the frame renders data-vis-sync and data-vis-sync-x (Visualize.Chart.Frame.sync_attrs/1, also in Visualize.Hooks.Crosshair.attrs/3), and TooltipHook and CrosshairHook exchange vis:sync:<group> events on document. Only a linear or time x can join a group. The validator refuses any other kind as {:sync, :x_scale, kind}. Visualize.Chart.Build.interaction/1 writes the key. A chart's to_map/1 and JSON now carry interaction (default %{}).
Sync groups share the brush (#467, D-117). A window brushed on one member shows as a band on every other, and only the chart brushed pushes to its server. The bus is Visualize.Hooks.Sync.js_bus/0, bundled ahead of the hooks that use it.
A stack order fixed by explicit keys (#492). Visualize.Shape.Stack.order/2 and a design's :stack step take {:keys, list}, the listed keys bottom first and every key the list leaves out above them in key order; a listed key the stack lacks is ignored. Every other order is computed from the data each call is given, so over an animated or streaming source :inside_out re-sorts per frame and layers swap places; a fixed order computed once does not. In JSON it is {"$keys": [...]}. A :sort step's order is still a direction alone.
Use sites and composites (#174, #186, #188, D-101, D-102). A composite is a list of Visualize.Chart.Use sites: a reference, a local body, a mask and bindings, resolved ref → local → mask → bind. See Visualize.Chart.bind/2, mask/2 and resolve/2, and Visualize.Chart.flatten/2, which turns a composite into a flat design through a fetch. Visualize.Chart.Fragment and Visualize.Chart.Composite hold the walks. Visualize.Chart.Validator.validate/2 validates a fragment as its kind.
A public JSON codec for fragments (#465). Visualize.Chart.Fragment.to_json/1 and from_json/1 write and read any fragment, a composite of use sites holding ids included, in the JSON form spec/14 §19.7 specifies ($use, $id). It is not validated as a design, since a fragment may be partial. A store that keeps its library in a database can now persist what Store.put/2 hands it. Chart.from_json/1 validates a whole design and so refuses a composite, and the codec under both was private.
Node paths on request (#260, D-105). paths: true on Visualize.Chart.Frame.generate/2 stamps data-node on everything a frame draws. The default render is unchanged.

Rendering and backends

Visualize.Render.to_png/2 and to_png!/2 (#473, #474, #481, D-121). A root IR element, or the SVG string it renders to, is rasterised to a PNG by the resvg command-line tool, run as an OS process over a port.
- No Hex dependency. The host installs resvg 0.45 or later (apt install resvg on Debian and Ubuntu, the upstream release tarball, or cargo install resvg). Name it with config :visualize, :resvg, "/path/to/resvg", or leave it on the PATH.
- When resvg is missing or too old. Without one, the result is {:error, :no_rasterizer}. An older one gives {:error, {:rasterizer_version, found, required}}.
- Isolation. A render holds no BEAM scheduler, cannot crash the VM and writes no temp file.
- Options. scale: is the device pixel ratio and background: a CSS colour. timeout: (default 30 s) bounds the render: on expiry resvg is killed and the result is {:error, :timeout}.
- Literal colours only. Generate the SVG with resolve: :literal. A var(--…) theme reference returns {:error, :css_references}, since resvg would paint it black.
PNG fonts and warnings (#474, #481). to_png/2 takes the font configuration: font_dirs:, system_fonts: (default true) and generic_families: (resvg's defaults, where sans-serif is Arial). font_family: covers text that names none (default "sans-serif"). resvg loads the fonts on each call, so a font added to a directory is seen by the next render.
- The success value is {:ok, png, warnings}, resvg's own report. There is one {:missing_family, list} per font-family list no font resolves, whose text was left out, and {:rasterizer, line} for anything else resvg printed.
- to_png!/2 raises when there is a warning.
- The gallery has raster goldens, rendered with a bundled DejaVu Sans and no system fonts.
A compiled chart's backdrop (#476, D-120). Visualize.Chart.Compiled.backdrop/1, and the backdrop key of render/2's map and of tick/3's payload, hold a :tiles mark's images as an SVG document. A page stacks it beneath the canvas, so a dense track drawn on the canvas sits on its basemap.
- The attribution stays in the SVG layer over the canvas.
- Compiled.static/1 no longer holds a static basemap's images. A page that draws tiles on the hybrid split stacks the backdrop.
- The binary stream still drops :image and gains no record for it.
A theme's :surface slot (#422). It is the plane a chart's data is laid on, between the background and the grid: #eef2f6 on Visualize.Theme.default/0 and #23272f on dark/0. It is a colour slot like any other. slots/1 and colour_slots/1 list it, and resolve/3 gives var(--vis-surface, …) on SVG and the literal on canvas. An inline :theme node takes a surface key. A theme from new/1 that names none takes the light value, as it does for every field it leaves out.
A reference decoder for the binary canvas stream (Visualize.Backend.CanvasBinary.Decoder, #291).
New IR primitives: Visualize.IR.Element.clip/3, filter/2, drop_shadow/3, gaussian_blur/1, tspan/2, put_attr/3, and Visualize.IR.Path.from_commands/1.

LiveView and hooks

Frame acknowledgement (#305, #307, #322, D-107). CanvasIncrementalChart and CanvasBinaryChart acknowledge each payload's seq when their element carries data-ack. A producer can then bound frames in flight, and a hold times out rather than stall. This is opt-in, and existing uses are unchanged.
The sync-group hover and brush above need no host JavaScript beyond the shipped hooks.

Geo

Basemap tiles (#475, #476, D-119, D-120). A :tiles mark draws Web-Mercator tiles beneath a geo frame's other marks, at the nearest zoom, over a projection fitted without moving its centre. See Visualize.Geo.Tiles (aligned/1, zoom/2, cover/3, url/3).
Visualize.Geo.Projection.sphere/1 (the outline of the visible globe), fit/3 and precision/2, and Visualize.Geo.Path.path/2.

Data and scales

Time zones (#447, D-115). Visualize.Scale.Time.zone/2 (and Visualize.Scale.zone/2, or a design's zone key) ticks on local calendar boundaries across DST. It reads the zone through the host's configured Calendar.TimeZoneDatabase, so the library takes no dependency for it.
- A zone the database cannot show raises ArgumentError at the setter, and in a design it is {:zone, name, reason}.
- Without a zone, every tick is the UTC one byte for byte.
- Visualize.Scale.Time.local/2 converts a value into the scale's zone.
Downsampling: Visualize.Data.lttb/3 and Visualize.Data.m4/3 (#448).
Visualize.Data.FFT (fft/1, spectrum/3, window/2, #375).
Visualize.Signals (#247): deterministic sine, square, random and discrete sources over a sliding window, for a chart that moves without a host feed.
Visualize.Format.duration/1 (#191), Visualize.Layout.Hexbin (#353), the closed curves Visualize.Shape.Curve.basis_closed/1 and cardinal_closed/2 (#393), Visualize.Shape.Arc.angles/2 and radii/2, and Visualize.Contour.cost/2 (#462).
A force simulation's subscribers at start (#483): Visualize.Layout.Force.Simulation.start_link/1 takes subscribers:, pids registered before the first tick, so a subscriber sees every tick from the first. subscribe/2 still joins a running simulation.

Builder

The builder became an editor of typed fragments (#142–#388, spec/14 §18–§19).
- Layout. It ships its own stylesheet, rendered inline. styles={false} turns that off, and the host then serves Visualize.Chart.Builder.css/0 itself (D-94). The workspace holds several charts beside a library tree.
- Library entries. A library drop arrives linked. Unlocking it copies the body into the site, and a site can mask paths and bind variables.
- Editing. It has a Variables tab, a style form, a data page with typed columns and generated signals, axes ticked per side, and "add data / add a mark / add axes" steps.
- Saving. Save sends structure; Deploy sends the flat design (above).
- New assigns: on_deploy, source_defaults, tick_ms and styles.
- Import and export. These move bundles: Visualize.Chart.Builder.Bundle.export/3, and the store's import/2.
A referenced group expands in the builder's tree (#388). A library composite dropped linked now carries the ▸ and the count of its entry's sites. Opened, it draws them beneath its row, muted and locked, each tagged with the entry's name.
- They are the library's, so they take no flat position of their own. A click, a drag or the menu on one acts on the group.
- A drop into the group is refused with name is from the library — open it to edit.
- Visualize.Chart.Builder.Stack.all/2 is new: the tree's rows, with each referenced group's inside fetched and each row naming its owner. So are inside/2 and inner_label/3.

Changed

What you change, where your code reads a value the library hands back:

You read	Before	Now
a design's maps	`design.frames.main`, `chart.styles.series`, `scales.x`	`design.frames["main"]`, `chart.styles["series"]`, `scales["x"]`
a reference	`{:field, :v}`, `%Var{name: :unit}`, `mark.data == :primary`	`{:field, "v"}`, `%Var{name: "unit"}`, `mark.data == "primary"`
a fault's path and reason	`{[:frames, :main, :axes, 0], …}`, `{:undeclared, :source, :s}`	`{[:frames, "main", :axes, 0], …}`, `{:undeclared, :source, "s"}`
`Chart.compile/2`	`{:ok, %{main: compiled}}`	`{:ok, %{"main" => compiled}}`
`Chart.apply/2`	`applied.frames.main`, `applied.sources.primary`, `applied.schemas.cells`	`applied.frames["main"]`, `applied.sources["primary"]`, `applied.schemas["cells"]`
a board	`board.cells.latency`, `board.vars.unit`	`board.cells["latency"]`, `board.vars["unit"]`
a board's process	`{:cell, :latency, view}`, `view.cell == :latency`, `Server.info(b).cells.a`	`{:cell, "latency", view}`, `view.cell == "latency"`, `Server.info(b).cells["a"]`
a binding	`binding.slots == %{{:a, :primary} => :cpu}`	`%{{"a", "primary"} => :cpu}`; a feed stays your term
a selection, an identity, an event	`{:service, "api"}`, `%Event{cell: :a, frame: :main}`, `item: {:dot, %{row: r}}`	`{"service", "api"}`, `%Event{cell: "a", frame: "main"}`, `item: {"dot", %{"row" => r}}`
`Board.realize/4`, `components/3`, `required_sources/3`	keys `:a`, `{:a, :primary}`	keys `"a"`, `{"a", "primary"}`
a snapshot	`snapshot.cells.a.slots.primary`; rows read back keyed `:t`	`snapshot.cells["a"].slots["primary"]`; rows read back keyed `"t"`
a host theme	`Theme.new(name: :house).name == :house`, a color `:brand`	`"house"`, `"brand"`; a built-in theme and the library's colors stay atoms
a virtual source	`source.id == :health`, paths `[:ops, :health]`, output rows `%{n: 1}`	`"health"`, `["ops", "health"]`, `%{"n" => 1}`
a feed-only input	`{"vm.load", window}` (a string named only a feed)	`{{:feed, "vm.load"}, window}`; a plain string is a short id, resolved to a virtual source first, else the feed
a `defsource` function	`inputs.hosts`	`inputs["hosts"]`; its rows are your feed's, as before

What JSON a writer produces. A name is written as before. A category value an Elixir design gave as an atom the library has no word for (:warn in a color map) is now written as its plain string, "warn", where it was {"$atom": "warn"}; both read as the same map. A gradient declared under defs draws under a new opaque id prefix (the prefix is a hash of the defs, whose names are now strings).

A colour outside its domain is the scale's unknown (#487, D-122). A color ordinal scale that gives no unknown now takes the theme's :axis colour. In 0.1.0 its unknown was nil, so the element got no fill: SVG painted it black and a canvas drew nothing. A series line outside the domain is drawn in that neutral, not in the series colour of its position. Say unknown: :none on the scale to hide such values. A missing colour is now bound as :none, which draws nothing on SVG and canvas alike.
The pie, sunburst and treemap components ink their labels by contrast and fit them (#494, #497, D-123). Their labels are now :contrast with the gallery's fit (:hide on the pie, :truncate on the sunburst and treemap), so a label too big for its slice is hidden or cut. The markup of those labels changes. Every path and the rest of the shell are byte for byte as before.
A labelled mark is a wrapper of two groups (#485). The elements are in a styled group and the labels in an unstyled sibling group, so labels no longer inherit the mark's stroke. The wrapper keeps the mark class, data-node, the tooltip attributes and the centring transform.
An area's default baseline is the y scale's zero clamped to the plot (#420). An area over a domain that excludes zero no longer fills into the margin. An explicit y0 is placed as given.
A line whose style gives a fill draws the area under it, down to the baseline (#232), where it used to fill the polygon between the curve's ends.
A :chord step centres on the plot, as an arc mark does (#488). Its size sets the radius only.
The builder's layers assign seeds the stack and does not control it (#144, D-95). An unrelated host render no longer resets an editing session. A changed list is adopted.
The canvas hooks size the canvas to data-width × data-height at every draw (#456). A resize clears it, and the incremental hook draws no scroll record until a full frame follows.
A canvas draws by the effective style (#231, D-111). A mark whose paint sits on its group draws on canvas as on SVG. The binary stream gains one style record per mark group.

Fixed

A drop below a closed group in the builder's stack lands where it was aimed (#468). BuilderHook counted the drawn rows to name a drop's position, while every flat position the builder reads counts a closed group's rows too. So a drop between a closed group and the row after it landed inside the group, and a group dropped directly below itself moved.
- A stack row now carries data-builder-end, the flat position past everything it holds, beside its data-builder-layer. The hook reads both instead of counting.
- The gap before a row is its position, and the gap at the end is the last row's end.
- A move shifts by the rows the dragged one lifts out.
A composite exports and imports with its references (#470). Fragment.refs/1 and relocate/2 treated every struct as a leaf. A composite's sites are %Use{} structs holding ids in ref, origin, local and vars. So Bundle.export/3 of a composite left out what its uses referenced, and an import left it pointing at the source store's entries. The two id walks now read a use's parts. Every other walk still stops at a struct (D-92).
A glyph carries no id (#471). The :linear and :radial fill-style pictures and the :blur effect drew an inline <defs> with a fixed id. The editor shows a glyph once per choice and per open row, so a page repeated the id, which LiveView refuses (Duplicate id found … vis-glyph-linear). They are now translucent bands and squares, with no paint server and no filter. The glyph test also walks the four drawn keys it had skipped (fill_style, effect, vertical_align, stroke_style).
A version 1 design read from JSON migrates (#479). The codec typed every key by the current schema, so a v1 design's frame kept string values and failed validation once migrated to frames.main. So JSON-stored designs from before #383 couldn't be read, which contradicted §9.
- Migration.legacy_type/2 gives a removed key its old type, and the codec reads by it, so the document is typed before it is migrated.
- §14.4 also corrects current/0 to 2.
An adopted scale has a JSON form (#480). A frame adopting another frame's scale ({:frame, :main, :x}, §4.3) had no JSON form, so Chart.to_json/1 raised on any design with an adoption, and the design couldn't be stored by a host or the builder's store. It now encodes as {"$adopted": ["main", "x"]} and reads back. A tagged object is never read as a node.
The default tick label prints a float in plain decimal (#354), never 1.0e3.
A compiled chart resolves a mark's paints and carries the design's defs (#356). A gradient fill was black on the canvas and unrenderable on the SVG layer.
The binary canvas stream encodes line, polyline, polygon and ellipse (#290). The encoder silently dropped them, so an axis's ticks drew nothing on a binary canvas.
A contour ring always closes (#81, D-112). A crossing never sits on a grid corner, and a ring closes on its exact start.
compose/2 no longer merges a whole-node variable into a :union key (#120, D-92). It could produce a struct with foreign keys.
CrosshairHook measures the chart, not its container (#507). Its markers sat a few pixels off the series under an inline <svg> or <canvas>.
Cost:
- Building a path is linear in its commands; it was quadratic (#414).
- A scroll tick costs the strip and its neighbours, not the window (#333, #404, #410, #423, D-108).
- The incremental window keeps no closure, so a scroll's cost no longer doubles every frame (#406).
- The :natural, :basis_closed and :cardinal_closed curves are linear (D-114).
Documented examples run (#117, #121, D-90, D-93). Every iex> example under lib/ is a doctest, and the three that were wrong are corrected.

0.1.0 — 2026-09-09

0.1.0 is the first tag. Until it, the only way to depend on this library was branch: "main", so everything below has already reached anyone tracking that branch — the sections are therefore written as they will read from the tag onwards: Added is the surface a new consumer gets, and Changed and Fixed are what moved under a consumer who was following main and now has a point to pin.

Pre-1.0. The surface can still move; a breaking change opens 0.2.0 rather than bending the meaning of a patch.

Added

The declarative chart layer — Visualize.Chart. A chart is a design: a plain map of atoms, numbers, strings and Visualize.Chart.Var placeholders, with no functions and no structs in it, so a design can be stored, diffed, sent over the wire, versioned and edited by something other than code (D-57). The imperative pipeline — Scale → Shape → IR.Element → Render — is unchanged and remains the layer this one is written on; nothing about the chart layer is mandatory.
- Visualize.Chart.Schema is the design's grammar as data. Every key carries a facet (:data, :geometry, :channel, :binding, :style, :meta) and a merge rule, so a validator, an editor and a composition operator all read the same description instead of each carrying their own copy of it (D-58). Schema.describe/1 is what the builder's UI is generated from.
- Visualize.Chart.Validator checks a design against the schema and reports by path — [:marks, 2, :channels, :y] — rather than by message, so an editor can put an error next to the field that caused it.
- Frames own the scales. A frame declares named scales whose domains may be :auto, realises them once from the whole bound column, never widens them afterwards, and renders its own furniture — axes, grid, legend, labels — with or without data (D-60).
- Marks are the generators, named: :line, :area, :band, :rule, :x_band, :percentile_band, :rose, :symbol, :arc, :path, :rect, :circle. A mark names the scale each channel family reads through (D-61, D-67), and takes its paint from the theme's series.
- Transforms are pure steps over rows, run by the frame before its scales are realised, so a transform can change what the domains infer from (D-62): :filter, :bin, :stack, :sum, :sort, :tree, :cluster, :pack, :partition, :treemap, :chord, :sankey, :force, :contour, :density, :delaunay, :voronoi, :projection.
- Styles and themes. A style node resolves to two outputs — literal attributes for SVG, and CSS custom-property references for a themed page — and binds its field references per element (D-63). Visualize.Theme carries the slots; a slot renders as var(--vis-…, <literal>), its literal always present as the fallback, so a page that ships no stylesheet still draws in colour (D-55).
- Templates: typed source slots and Visualize.Chart.Var variables, bound by Chart.apply/2. A variable's default lives in its declaration, and a stored design keeps what its author wrote rather than being rewritten with defaults (D-59).
- Chart.compile/2 splits a chart into the regions that are static and drawn once and those that are dynamic and carry a closure, fixes each mark's render target at compilation, and gives the streaming window its own plot-area canvas (D-66).
- Chart.to_map/1, from_map/1, to_json/1, from_json/1 — JSON carries what JSON cannot hold (dates, tuples, atoms) as tagged terms, and the round trip is the identity (D-57). JSON needs the optional :jason dependency; without it the two JSON functions return an error value rather than failing to compile.
The fragment algebra — Visualize.Chart.Build and the operators on it. A fragment is a partial design, and the algebra is what makes designs composable rather than merely storable.
- Visualize.Chart.Build builds fragments through one function per schema node — a function per mark type, transform op and scale kind, generated from the schema so the builder cannot drift from the grammar it builds (D-79). Every option is a key of the node the function builds (D-78).
- Chart.compose/1,2 merges fragments key by key under the schema's merge rules. Chart.stack/1,2 is a second closed operation over the same values: a cascade, where a higher layer overrides a lower one and the result is itself a fragment, so a stack of stacks is a stack (D-81). Composition unions; a cascade overrides. They are different questions and now have different operators.
- Element identity. A mark's or label's identity is its id, an axis's is {scale, side}, and a matched element is replaced whole rather than deep-merged (D-82) — which is what lets a layer say "this one, replaced" without saying it by list position.
- Chart.explain/1 reports provenance: which layer each key in the result came from, computed from the layers rather than carried in the fragment (D-83).
- Chart.free_vars/1 reports the variables a design still needs, walking exactly where application walks; a variable bound to another variable is an error reported by path (D-84).
- extends: on a style derives it from a parent, flattened at the lookup rather than at write time, so a change to the parent reaches its children (D-80).
Visualize.Chart.Builder — an embeddable LiveComponent for building designs. Optional in every sense: it needs LiveView, which is an optional dependency, and it is a component the host mounts rather than a route the library owns. Its only output is one message to the host, which owns the route, the storage (Builder.Store) and the meaning of saving (D-85). The editor's nodes, controls and widgets are generated from the schema's types, and a composite value is read as a literal and never evaluated (D-86). The stack panel shows the layers — disabling a layer is not deleting it — the inspector is explain/1 rendered, and the parameters form is free_vars/1 rendered, editing the builder's own copy of the bindings (D-87, D-88). Import and export move a design as JSON.
New marks: Visualize.Shape.Band (a state timeline: one :rect per datum, index-aligned — D-26), Visualize.Shape.Rule and Visualize.Shape.XBand (annotations that take domain values and a scale, not pixels — D-27), Visualize.Shape.PercentileBand (a composition with a fixed output shape — D-28), and Visualize.Shape.Rose (Arc over a radial scale — D-31).
New scale: Visualize.Scale.Radial, an angle scale whose ticks divide the turn and whose nice/1 is the identity, because there is no nicer boundary on a circle than the one you asked for (D-30).
Interaction hooks — Visualize.Hooks. Zoom and Brush (with one-axis selection helpers that work on the axes they are given — D-29), Resize, and the three canvas hooks CanvasChart, CanvasBinaryChart and CanvasIncrementalChart (D-40). New in this release: Tooltip, which reads the datum's own fields from data attributes the server wrote on the element (D-75); Crosshair, which snaps to an array the server wrote once and draws in an overlay it owns rather than in the patched subtree (D-76); and Legend, where an entry and its series path carry the same data-series and toggling hides with display (D-77). The pattern throughout: data attributes are the contract, and a hook draws outside the subtree LiveView patches.
Tabular ingestion — Visualize.Data.Table.rows/1. One door for tabular data: row lists, column maps, Nx tensors, Explorer data frames and anything else implementing Table.Reader (D-52). Every generator, compute and component reads its data through it (D-53), so a data frame is accepted wherever a list of maps is. The :table package is optional, like Nx; without it lists, column maps and tensors still work and a struct source raises at the call.
Themes and accessibility. Visualize.Theme with a light and a dark palette and a generated stylesheet; responsive sizing as two halves — ResizeHook for the round trip and viewBox scaling for everything between (D-54); and a chart that names itself, with <title>, <desc> and role="img" on the root and aria-hidden axes (D-56).
Ten preset chart components (Visualize.Chart.Presets): line, bar, horizontal bar, pie, scatter, area, stacked bar, tree, treemap and sunburst — each a preset design plus an assign mapping, drawn by the chart layer into the same markup the hand-written components always produced (D-64), and byte-identical to their goldens.
The specification ships with the package (spec/), together with API_SURFACE.md, a generated golden that lists every public function the specification declares against every public function lib/ defines. A function in lib/ with no row is unspecified; a row with no function is unimplemented; either fails CI. It is the contract a consumer holds the library to, so it ships.
LICENSE — MIT — and package/0 now declares licenses: ["MIT"]. Before this the licence was unstated to anyone who received the package.

Changed

What you change, where your code reads a value the library hands back:

You read	Before	Now
a design's maps	`design.frames.main`, `chart.styles.series`, `scales.x`	`design.frames["main"]`, `chart.styles["series"]`, `scales["x"]`
a reference	`{:field, :v}`, `%Var{name: :unit}`, `mark.data == :primary`	`{:field, "v"}`, `%Var{name: "unit"}`, `mark.data == "primary"`
a fault's path and reason	`{[:frames, :main, :axes, 0], …}`, `{:undeclared, :source, :s}`	`{[:frames, "main", :axes, 0], …}`, `{:undeclared, :source, "s"}`
`Chart.compile/2`	`{:ok, %{main: compiled}}`	`{:ok, %{"main" => compiled}}`
`Chart.apply/2`	`applied.frames.main`, `applied.sources.primary`, `applied.schemas.cells`	`applied.frames["main"]`, `applied.sources["primary"]`, `applied.schemas["cells"]`
a board	`board.cells.latency`, `board.vars.unit`	`board.cells["latency"]`, `board.vars["unit"]`
a board's process	`{:cell, :latency, view}`, `view.cell == :latency`, `Server.info(b).cells.a`	`{:cell, "latency", view}`, `view.cell == "latency"`, `Server.info(b).cells["a"]`
a binding	`binding.slots == %{{:a, :primary} => :cpu}`	`%{{"a", "primary"} => :cpu}`; a feed stays your term
a selection, an identity, an event	`{:service, "api"}`, `%Event{cell: :a, frame: :main}`, `item: {:dot, %{row: r}}`	`{"service", "api"}`, `%Event{cell: "a", frame: "main"}`, `item: {"dot", %{"row" => r}}`
`Board.realize/4`, `components/3`, `required_sources/3`	keys `:a`, `{:a, :primary}`	keys `"a"`, `{"a", "primary"}`
a snapshot	`snapshot.cells.a.slots.primary`; rows read back keyed `:t`	`snapshot.cells["a"].slots["primary"]`; rows read back keyed `"t"`
a host theme	`Theme.new(name: :house).name == :house`, a color `:brand`	`"house"`, `"brand"`; a built-in theme and the library's colors stay atoms
a virtual source	`source.id == :health`, paths `[:ops, :health]`, output rows `%{n: 1}`	`"health"`, `["ops", "health"]`, `%{"n" => 1}`
a feed-only input	`{"vm.load", window}` (a string named only a feed)	`{{:feed, "vm.load"}, window}`; a plain string is a short id, resolved to a virtual source first, else the feed
a `defsource` function	`inputs.hosts`	`inputs["hosts"]`; its rows are your feed's, as before

What JSON a writer produces. A name is written as before. A category value an Elixir design gave as an atom the library has no word for (:warn in a color map) is now written as its plain string, "warn", where it was {"$atom": "warn"}; both read as the same map. A gradient declared under defs draws under a new opaque id prefix (the prefix is a hash of the defs, whose names are now strings).

Visualize.Render.with_backend/2 is removed (D-2). It set a backend in the process dictionary for the duration of a function, so any render inside that function silently used a backend chosen somewhere else, and restoring the previous value needed try/after. A backend is now selected only by the :backend option at the call site or by config :visualize, default_backend:. Code that rendered inside with_backend/2 must thread backend: through instead.
Shape.Stack returns its series in key order, not in stacking order, and each series carries index, its position in the stack (D-22). A caller that indexed the returned list by stacking position must read index instead. :diverging and :wiggle are now ports of d3's stackOffsetDiverging and stackOffsetWiggle; previously :diverging did not accumulate negatives and :wiggle was :silhouette under another name.
A collapsed domain maps to the range midpoint in every continuous scale, and nothing raises (D-49). Linear and Time previously raised ArithmeticError on a single-datum extent or an all-zero [0, 0] domain; Power and Symlog returned the range start. All five now return the midpoint, as d3 does — a single-datum chart draws its point in the middle of the axis. Callers that widened collapsed domains by hand no longer need to.
:top axis labels moved off the plot, and band ticks moved to the centre of the band (D-23). A :top axis's labels shift by 2·(tick_size_inner + tick_padding); every band axis's ticks shift by half a band. A caller who had added bandwidth / 2 through offset/2 to centre ticks by hand is not double-shifted, but should drop the workaround.
Negative zero is folded in the d serialisers, so a coordinate that rounds to zero prints 0 and never -0 (D-32), and in the projection golden, where the sign of zero is not a property of the maths (D-6). Path strings that differed only in a minus sign before a zero are now stable across refactors.
One d serialisation. There were two path serialisers producing different strings for the same path; there is now one, behind both the SVG bridge and the IR (D-12, D-34, D-71). The tree components' link paths therefore print in the comma-separated form (D-71, #79); goldens that recorded the old form were regenerated.
Time ticks follow d3-time: boundary snapping on every interval, ratio-based interval choice, clamped month stepping and multi-year intervals (D-16). A time axis that previously produced unsnapped or wrongly-spaced ticks produces d3's.
Format.number/2 groups the magnitude, Format.formatter/1 is a parser for d3-format specifiers, and Format.time/2 is a one-pass strftime tokenizer (D-24, D-25) — where before each was an approximation.
The scale protocol is a behaviour, and every scale stores lists (D-15). Power, Symlog, Quantile, Quantize and Threshold implement it, so Scale.apply/2, ticks, nice, invert and bandwidth work uniformly across every scale type — which is what lets Axis stop special-casing scale kinds.
Layout.Force's many-body force has no :theta (D-4). The option was accepted and ignored — there is no quadtree behind it — so it is removed rather than left inert. The force is exact, O(n²) per tick. Passing :theta is now a programmer error.
Geo.Projection.clip_angle/2 clips. The value was stored and never read, so orthographic globes drew the back of the world over the front (D-3). project/3 now returns nil beyond the clip angle, and azimuthal projections take d3's per-type defaults. Callers that project points beyond the horizon now receive nil and must handle it; Geo.Path drops them.
Phoenix is optional and stays optional (D-7, D-45). Visualize.Components, Visualize.Components.Tree, Visualize.Chart.Builder and the Phoenix.HTML.Safe implementations compile only when Phoenix.Component is loaded; a host without LiveView never fetches Phoenix. The same holds for Nx, :jason and :table, and a consumer check runs on every pipeline to prove it.
Geo.Projection and Backend.CanvasBinary were split into family modules, which are @doc false internals rather than public API (D-9).
The canvas binary format gained f32 path records (path32, path_cubic32), which are the encoder's default because canvas coordinates are pixels (D-73), and a compact cubic-run record with no sub-opcodes, because that is what every curve generator emits (D-74). The decoder round-trips both.

Fixed

Visualize.Components never rendered. The component layer called a Scale API that did not exist; every component raised. It was rewritten against the real API and is now held by render goldens (#43). Visualize.Components.Tree — tree, treemap and sunburst — was rewritten the same way and now honours colors and label (#44, D-46).
Geo.Delaunay was not a Delaunay triangulation. It is now Bowyer–Watson with an orientation-normalised in-circle test and half-edges (D-43), which also makes Geo.Voronoi correct.
The hierarchy, sankey and pack layouts are now ports of d3's. Layout.Hierarchy gained path/2 and stratify/2; the tidy tree is Buchheim; Partition and Treemap keep zero-valued children (D-41); Sankey has d3's alignments and one link scale; Pack is d3's packSiblings/packEnclose with a deterministic fallback (D-42).
Projection rotation now inverts in reverse order, the collision force pushes both nodes rather than one, and every computed range has a step — the 0..-1 empty-range class was swept out of the tree (D-44).
Transverse Mercator invert/3 no longer raises. It raised ArithmeticError away from the central meridian; it is now d3's spherical inverse, returns nil outside the hemisphere, and the forward projection clips (D-5, D-51). The projection golden records the inverse instead of excluding it.
Line and Area break into subpaths at undefined data instead of drawing through the gap (D-18); Curve.natural/1 is the natural cubic spline, solved rather than approximated (D-19); Curve.basis/1 is d3's curveBasis, which previously skipped a B-spline segment and started and ended in the wrong place (D-33); the step curves emit d3-identical paths (D-8); Line.x/1 and Line.y/1 accept constants, and LineNx honours :curve (D-20).
Shape.Arc applies corner_radius and pad_angle (D-21). Both were accepted and ignored.
Band, quantize, colour, ordinal, linear, log and symlog tick defects, and a crash in Data.ticks/3 (D-17, #24).
IR.Transform.scale/2's pipeline form raised FunctionClauseError because a guard ordering made its second clause unreachable (D-1). IR.Path.transform/2 now takes a full affine matrix (D-35).
SVG.Element.from_ir/1 renders view_box as viewBox — attribute names go through one map, so casing cannot differ between the two bridges (D-11, D-34).
Backend.Canvas emits executable commands and group styles; the CanvasIncremental and Incremental contracts were made to match the code; Benchmark measures elapsed time with its own clock (D-37, D-38, D-39).
Hooks.js_code/0 emitted every hook twice, as duplicate named exports, which is a syntax error in a JavaScript module (D-48); and BrushHook leaked its listeners, because it removed handlers it had never bound — it now stores the bound handlers and removes those (D-47).
Contour.Density.compute/2 took minutes on its default grid. The grid is now an indexed structure and the ring tracing takes each segment once; a list read by index was the whole cost (D-72).
Shape.LineNx warned at compile time in a consumer without Nx — nine warnings, not the one first reported. Both Nx-calling modules declare @compile {:no_warn_undefined, Nx} and a consumer check fails on any warning: line from the library's compile (D-50).
Data.range/3 and a set of dead clauses across the tree; the force simulation's timer discipline — tagged ticks, restart keeps the state, alpha is clamped — under an ExTLA model that is checked in CI (D-14).

← Previous Page Cheatsheet