About this block

Results With Area Chart lets the reader interrogate the case study. The customer story and quote sit beside a working shadcn area chart of their year, tooltip live, with the copy inviting the hover and naming the anonymization, indexed rather than absolute. The multiplier headlines the panel, 2.7x.

Built on ui/chart per the collection rule, the data array carries the customer real, indexed series. The hoverable chart is a different proof than a drawn one, you cannot tooltip a marketing illustration, and readers know it.

When to use

Reach for this block for flagship case studies where the customer agreed to share their shape, indexing satisfies most data sensitivity concerns while keeping the chart real. It upgrades growth-chart-story when interactivity earns its weight, drawn for editorial, working for evidence.

A natural flow around it on a Marketing Pro page:

Before

• Mini results grid teasing several customers before this deep dive

After

• Testimonials broadening from one customer to many
• CTAs for readers who hovered the end of the line

What you can display

One strong use is a year of indexed customer pipeline. Other series:

• Cost curve. A customer acquisition cost falling, indexed from switch month.
• Retention curve. Cohort retention before and after for a lifecycle story.
• Volume ramp. A customer scale up story for infrastructure products.

Tip: name the anonymization in the copy, indexed and hoverable beats absolute and static for both trust and legal.