Interactive Charts

Overview

When you ask Evelant to show how a total splits across categories — a budget, a portfolio, market share, survey results — it can answer with an interactive donut chart instead of a table or a static picture. Hover a slice to preview it, click one to pin it, and if that slice is made of smaller parts, click through to see them.

Why an interactive chart instead of an image

A picture of a chart can only show you what it was drawn with. An interactive chart keeps the numbers behind it: you can ask "what's inside the biggest slice?" by clicking it, without sending another message. It also follows your light or dark theme and stays sharp at any size, because it's drawn in the page rather than pasted in as an image.

How to use it

There's nothing to switch on. Ask in plain language:

• "Show my monthly budget as a pie chart: rent 40%, food 25%, transport 15%, fun 10%, savings 10%."
• "Make a donut chart of my portfolio by sector. Tech is $60,000 — Microsoft $35,000 and Apple $25,000 — Financials $25,000, Healthcare $15,000."
• "Chart these survey results as a pie."

Evelant replies with the chart followed by a sentence of interpretation. You can also ask it to chart numbers from a page, a table, or a file you've attached.

What you can do with it

1. Hover a slice. The center of the donut shows that slice's name, value, and share of the total, and the other slices dim.
2. Click a slice, or its name in the legend below the chart. The slice stays pinned. Click it again to let go.
3. Drill down. If a slice is made of smaller parts — like a sector made of individual companies — pinning it opens a panel beside the chart (or beneath it, in a narrow window like the extension's) listing each part with its value, its share of that slice, and a small bar. Choose Back to Overview to return.

Slices with nothing inside them just pin; there's no panel to open.

A worked example

1. Ask: "Show my portfolio as a donut chart. Tech is $60,000 (Microsoft $35,000 and Apple $25,000), Financials $25,000, Healthcare $15,000."
2. A donut appears with three colored slices, percentage labels around the ring, and a legend underneath. The center reads Total Value and the grand total.
3. Hover Tech: the center changes to Tech's value and 60%.
4. Click Tech: a panel opens with Microsoft and Apple, each with a value, a percentage of Tech, and a bar.
5. Choose Back to Overview, then click Financials to pin it — it has no parts inside it, so it simply stays highlighted.

Good to know

• Colors are automatic. Evelant assigns them itself so every chart is colorful and readable in both light and dark mode; you can't pick them, and asking for specific colors won't change them.
• Up to eight categories. With more, the smallest are combined into one gray Other slice, so nothing is left out of the total.
• Only real parts are shown. Evelant is told not to invent sub-items, so a slice only opens if you gave it (or a page or file supplied) real parts.
• Amounts follow what you asked for. Currency, percentages, or plain numbers — the center shows a short form (like $25.3B), and the detail panel shows the full figure.
• Keyboard and screen readers. Every legend item is a focusable button, and each chart carries a plain-text description of its data for screen readers.
• In shared rooms, everyone sees the same chart. What you hover or pin is yours alone; it doesn't move anyone else's view.

Changing a chart

Ask for the change as a normal follow-up: "make it a donut of just the top three," "add a 'Crypto' slice at $8,000," or "show it in rupiah." Each request draws a new chart.

Where it works

Interactive charts appear in the web chat and in the browser extension — both the floating chat window and the side panels. They behave the same everywhere: hover, click, drill down, and follow the light or dark theme of the surface you're in (including when you switch it while a chart is open).

The extension has to be up to date. An older version doesn't know how to draw them, so Evelant doesn't offer it charts and keeps drawing pie charts as a standard diagram, which you can look at but not click into. Updating the extension is all it takes.

Troubleshooting

I asked for a pie chart and got a table or a diagram instead. Say "as an interactive donut chart" explicitly, and include the numbers so Evelant has something real to draw. It also won't draw a chart when you've turned diagrams off in your response-format preferences — a table or list is used instead.

"This chart could not be drawn." Evelant produced chart data that couldn't be used — a negative number, a missing label, or a broken format. Ask again, or ask it to redo the chart with plain positive numbers.

In the extension I still get a plain, non-clickable pie chart. Your extension is probably a version older than this feature. Update it from the Chrome Web Store (or reload it, if you installed it manually) and ask again.

Clicking a slice doesn't open a panel. That slice has no parts inside it. Only slices Evelant was given real sub-items for can open one.

Frequently asked questions

Can I get the chart as an image? Not from the interactive chart itself. If you need a PNG for a slide or report, ask for it as a downloadable image — that uses the Code Sandbox instead.

Which chart types are supported? Pie and donut for now.

Does drawing the chart send my numbers anywhere? No extra request is made. Evelant's reply carries the chart data, and your browser draws it from that — hovering and clicking happen entirely on your device.

Related features

• Illustrations & Interactive Visuals — for 3D models, hand-drawn Excalidraw-style diagrams, and custom interactive charts beyond pie and donut formats.
• Code Sandbox & File Generation — for a chart as a downloadable image or a document, rather than one you explore in the chat.
• Structured Data Extraction — pull a table off a page first, then ask for a chart of it.
• Image Generation — for pictures made from a description, not charts built from data.