Chart Prompts

Restyle my chart in the "Dot Rows" style described below. Keep my data, chart type, title meaning and units; change only the presentation. Use the charting library this project already uses (plain SVG if there is none). If the library can't express a detail, draw it in a custom layer instead of dropping it. Measurements assume a 960 x 600 chart; scale them proportionally.

Mood: a civic pictogram poster. Pure black dots on warm paper in perfect rhythm, so progress toward a target can be counted at a glance.

Colors (use these exact values):
- Page: #FAF8F4 (warm white paper).
- Ink: #111111 for dots, outlines, titles, labels and rules.
- Secondary text: #6F6A62. Row separators: #D8D3CA.
- No other colors.

Typography (Google Fonts): Space Grotesk 400, 500 and 700.
- Title: 700, 30px, -0.6px letter-spacing, stating the finding. Subtitle: 400, 16px, #6F6A62, naming measure, unit and target.
- Row labels: 500, 17px, with a 12px 400 #6F6A62 note under them (for example "95% of target").
- Row totals: 700, 30px, -0.5px letter-spacing, flush right, followed by the target as "/300" in 14px 400 #6F6A62.
- Key and footer text: 13px and 12px; the small "PLANTED / TARGET" column head is 11px 500 uppercase with 1.6px letter-spacing.

Layout:
- 56px side margins. Title and subtitle, then a key row, then a 1px #111111 rule, then the rows, then a 1px rule and the footer (source on the left, an overall total on the right).
- Key: a filled dot "= 10 trees planted", a half dot "= 5 trees" and an empty dot "= 10 still to plant" (adapt the unit to my data).
- Rows on a 57px pitch separated by 1px #D8D3CA hairlines. Labels from x = 56, dots from x = 262, totals right-aligned near x = 864 with the "/target" to x = 904.

Axes and grid:
- No axes and no gridlines. The dot grid is the scale.

Marks:
- Bar chart (pictogram rows): uniform 14px circles (r 7) on a 17.5px pitch. Each dot equals a fixed unit (ten here). Filled #111111 dots show the measured value; the remainder up to the common total are empty circles with a 1.2px #111111 stroke (r 6.4). A remainder of half a unit is a half-filled dot: outlined circle with its left half solid. Every row has the same number of dots so they end in a perfect column.
- Line chart: a 2px #111111 line with a filled 8px dot at each point and the remaining future or target points as 1.2px outlined circles; the target itself drawn as a row of small outlined dots (r 3, 10px apart). Values in 13px 500 above each point, and the latest value repeated flush right in 30px 700.

Avoid: color, bar rectangles, icons other than circles, gradients, uneven dot spacing, and rounding values in a way that changes the dot count.

When you're done, render the chart and check that dot counts match the values exactly (value / unit, with a half dot for a half unit), all rows end at the same x, and the totals do not touch the last dot.