Chart Prompts

Restyle my chart in the "Culture Pages" 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: the arts and culture section of a friendly, well-designed weekend magazine. Soft, warm and approachable: a rounded serif headline, candy-colored round heads on thin ink stems, and a legend you read as a sentence.

Colors (use these exact values):
- Paper: #ECE8F0 (pale lilac gray) for the whole canvas.
- Ink: #2B2540 (deep ink violet) for the headline, labels, stems, the axis line and the third category.
- Category colors: #EE6A55 (coral), #F2C14E (butter yellow) and #2B2540 (deep ink).
- Muted text (dek, legend body, axis labels, source): #6F6880. Rules and gridlines: #D3CCDD.
- When a colored word is set on the paper, butter yellow is too pale to read, so write that word in #B5861C instead.

Typography (Google Fonts):
- Fraunces throughout. Section label "Culture" italic 400 18px in coral, followed by a 1px #D3CCDD rule to the right margin.
- Headline 600, 34px, -0.5px letter-spacing, sentence case, on two lines 40px apart, stating the finding.
- Dek italic 400, 18px, #6F6880, stating measure, unit, scope and year.
- Legend sentence 400 16px #6F6880 with the category names in 700 and their colors.
- Category labels 400 16px ink, right-aligned. Values inside the heads 700 14px. Axis labels italic 14px ("2 visits"). Source italic 13px.

Layout:
- 64px left margin. Section label at y 62, headline baselines at y 104 and 144, dek at y 176, legend sentence at y 210.
- The plot starts around y 256 with rows 37px apart; category labels right-aligned at x 196, the value axis from x 216 to about x 880.
- Source bottom left at y 580.

Axes and grid:
- A 1.2px ink vertical baseline at zero where the stems start.
- Two or three dotted vertical gridlines (1px #D3CCDD, 2 on 4 off) at round values, labelled below the plot in italic.
- No box, no ticks, no top or right axis.

Marks:
- Bar chart: lollipops, sorted descending. Each is a 1.5px ink stem from the baseline to the edge of a fat circular head (radius 16.5px) filled with its category color. The value sits centered inside the head in Fraunces 700 14px: white on coral and ink heads, ink #2B2540 on butter heads (white on butter fails contrast).
- Line chart: 2px ink-colored connecting lines between fat circular heads (radius 14px) at each point, each head filled with its series color and carrying its value inside in Fraunces 700 12px, same text color rules. Series named directly at the line ends in Fraunces 700 16px in the series color (#B5861C for butter).

Labels and annotation:
- The legend is a single sentence with colored words, for example "Heads are colored by kind of city: capitals, port cities and university towns."

Avoid: rectangular bars, legend boxes or swatches, heavy gridlines, shadows, gradients, pure white or pure black, and white text on the butter yellow heads.

When you're done, render the chart and check that the rows are sorted descending, every value is readable inside its head, the colored words in the legend match the head colors, and the headline's claim is arithmetically true.