Skip to content

Releases

0.11.3

Choose a tag to compare

@Junhan2 Junhan2 released this 12 Nov 14:42
41af200

npm i ztd-charts@0.11.3 · CLI npx ztd-charts-cli@0.11.3 · MCP npx -y ztd-charts-mcp@0.11.3

Fixed

  • Flow map: flows across the map edge stay inside the chart. A flow that crosses the map edge is drawn in two pieces, clipped to the globe's outline. The map is fitted to its places, so on wide charts that outline lies left of the svg (in the example, 7.6px at 900px wide and 20.8px at 1200px), and the pieces and their edge arrowheads drew into the card padding. The outline is now cut to the map area, so the lines stop at the chart's edge and the arrowheads sit just inside it. Where the outline already fit, nothing changes.

Docs

  • The JSDoc in the type definitions is now in English, so editors show English hover text. The 0.11.2 type definitions had 1,033 lines with Korean; 29 keep it, where a type accepts Korean values (such as "기본" | "중급" | "심화") or a comment quotes a Korean string the code produces. The comments in the sources are English too.
  • docs/QA-report.md comes from a new full QA run, and it finds no shape outside its svg (0.11.2 listed twelve: the flow map lines above, measured by their bounding boxes at 1280px in two columns).

The three packages are published from this tag by publish.yml through npm trusted publishing, with provenance.

0.11.2

Choose a tag to compare

@Junhan2 Junhan2 released this 12 Nov 13:19
693ae0a

npm i ztd-charts@0.11.2 · CLI npx ztd-charts-cli@0.11.2 · MCP npx -y ztd-charts-mcp@0.11.2

Fixed

  • Bar race period label contrast. The large year or date behind the bars was 1.55:1 on the card in dark and 1.33:1 in light. It now meets WCAG AA: it uses the theme's ink at the lowest opacity that reaches 3:1 for large text (36% in dark, 47% in light) or 4.5:1 when a narrow chart draws it below 18.66px (48% and 60%). A custom theme gets its own opacity from its ink and panel colors.

Docs

  • docs/QA-report.md comes from a new full QA run with corrected layout checks (rotated labels, shapes cut by their clip paths, text hidden for screen readers). Over 668 cards: no clipped text, no label overlaps, and all 14,430 labels meet WCAG AA. One small finding remains and will be fixed separately: at 1280px in two columns, six flow map lines that cross the date line draw up to 3.3px past the chart's left edge.
  • This corrects the 0.11.1 notes, which listed four problems from the previous run. Only the bar race contrast was real; the network overlaps, most flow map shapes and the clipped dashboard line were mistakes in the QA checker.
  • The guide now states the WCAG AA rule (4.5:1, or 3:1 for large text) instead of "4.5:1 or higher" for every label.

The three packages are published from this tag by publish.yml through npm trusted publishing, with provenance.

0.11.1

Choose a tag to compare

@Junhan2 Junhan2 released this 12 Nov 09:49
aea400b

npm i ztd-charts@0.11.1 · CLI npx ztd-charts-cli@0.11.1 · MCP npx -y ztd-charts-mcp@0.11.1

Changed

  • Skyline example: the last 7 days instead of 14 (Oct 30 to Nov 5). In a gallery card each day keeps its own block and date label, and the front tiles show their two-color tops. Subtitle: "Daily tokens, last 7 days".
  • Timeline example: status strip by default. The example sets encoding.status, options.statusStrip: true and card.legend: "auto", so the card shows the status legend and the bottom strip.
  • Timeline variant: "Status strip" (status-strip) would now equal the example, so it became "Status colors on bars" (status-bars, { statusStrip: false }): bars in the status colors, no strip. ztd-charts example timeline --variant status-strip now exits 1 and lists the ids it takes.
  • The timeline sample drops its unused run field.

No chart code changed, and per-chart bundle sizes are the same.

Docs

  • The docs are English only. docs/QA-report.md comes from a new full QA run of all 44 charts. Correction (Nov 12): this note first said that the run found four problems. Only the bar race contrast was real: the period watermark was below the contrast WCAG AA asks for, and 0.11.2 fixes it. The rest were mostly mistakes in the QA checker: it compared rotated network labels by their upright boxes (the labels never touch), counted flow map lines that the chart's own clip hides, and read a hidden screen reader description as clipped text. With the checker fixed, one small thing is left: at 1280px in two columns, six flow map lines that cross the date line draw up to 3.3px past the chart's left edge. The QA report in 0.11.2 comes from the corrected run.
  • The catalog and the guide no longer state a chart count that goes stale.

The three packages are published from this tag by publish.yml through npm trusted publishing, with provenance.

Promo media

Promo media Pre-release
Pre-release

Choose a tag to compare

@Junhan2 Junhan2 released this 10 Nov 12:30
a7c6ce5

Video files used in posts about ztd charts. Not a library release.