View .md

Interactive HTML widgets

Rendered right in the chat, with the full tab one click away.

Sometimes you want to interact with data, content, or a visualization. If so, ask for a widget. If you would save or deploy it, ask for the code instead. A request like "let me poke at these embeddings" is widget territory.

What a widget is

A self-contained HTML page the code agent writes on request. Inline in the chat at 320px, one click to expand to the full tab, and the same file adapts to both. It can pull Plotly, D3, Chart.js, or Three.js from approved CDNs, fetch live data (HuggingFace APIs, for instance), and take your file inputs; paste a CSV and it builds an interface around it.

Worked examplesWhat it does
HuggingFace model explorerLive-queries the HF API; filter by task, sort by downloads, click through to model cards
Confusion-matrix visualizerPaste labels and counts; interactive heatmap with per-class precision, recall, and F1 on hover
Embedding-space viewer2D scatter of your vectors via t-SNE or PCA; color by cluster, hover for metadata, zoom the neighborhoods
Game of LifeConway's automaton on a canvas. No research value; excellent for the fifth hour of a rebuttal.
Researcher

make a step sequencer (6 tracks)

Althea

Here is a 6-track step sequencer for you. It uses synthesized drum sounds (Kick, Snare, Hi-Hat, Open Hat, Clap, Tom), so you don't need to wait for audio files to load.

I've included a few extra controls like Swing to give the beat some groove, and a volume slider. It starts with a basic pattern loaded up—just hit Play to get started!

WidgetShareOpen
Step SequencerPlayClearBPM120Swing0%12345678910111213141516KickSnareHi-HatOpen …ClapTom
Inline in the chat, at 320px.
Embedding VisualizerProjectionPCASearchType a word...PCA ProjectionAnimalsColorsProfessionsFoods-30-20-1001020-20-15-10-505101520PCA 1PCA 2snakeelephantdolphinturtlehorsepantherdoghawkcatbearparrotwolffoxlionsharkmonkeywhaledeerpenguinscarletyellowcoralturquoisevioletlavenderindigosilveramberredtealcyanpurplecrimsonmaroonbluegoldgreenorangemagentapinkivoryfarmerlawyerjournalistnursearchitectdentistfirefightermechanicmusiciandesigneraccountantdoctorwritersurgeonartistengineerteacherscientistcarpenterpilotcheflibrarianplumbercroissantsoupricepretzelpastasushisteaksaladchocolatebagelwafflecurrypancakedonutmuffinburgertacocheeseramenbreaddumplingpizza90 word embeddingsProjection: PCA
Expanded to the full tab. The same file, and still private until shared.
Confusion MatrixEdit DataOverall Accuracy84.8%Macro F1 Score84.8%Total Samples231425201338103123531014442230137CatCatDogDogBirdBirdFishFishRabbitRabbitActualPredicted010203040Per-Class MetricsClassPrecisionRecallF1SupportCat87.5%84.0%85.7%50Dog77.6%84.4%80.9%45Bird83.3%83.3%83.3%42Fish91.7%86.3%88.9%51Rabbit84.1%86.0%85.1%43
The confusion-matrix visualizer, built from pasted labels and counts.
Althea

Here is the interactive embedding visualizer.

It includes a pre-loaded dataset of 90 words across 4 categories. You can switch between "t-SNE" and "PCA" views using the dropdown, and use the search bar to highlight specific words (try "lion", "blue", or "doctor").

WidgetShareOpen
Embedding VisualizerProjectiont-SNESearchType a word...t-SNE ProjectionAnimalsColorsProfessionsFoods-30-20-1001020-20-10010t-SNE 1t-SNE 2catscarletredarchitectdentistchocolateramendumpling90 word embeddingsProjection: t-SNE
The embedding-space viewer. Hover for metadata; zoom and pan the neighborhoods.

Share it

Every widget has a Share button. One click makes a public link. Anyone can open and interact without logging in, and you can toggle sharing off to revoke access. Send the sample-size calculator to your labmate; they use it in their browser rather than in your account.

The Share button. Toggle it off and the link stops working.
The HuggingFace explorer, opened from a public share link. No login on the other end.

The sandbox

Widgets run in a sandboxed iframe under a strict content security policy, with no access to your session, cookies, or storage. Inside the frame they get full ES6, canvas, SVG, and keyboard interaction.

When the widget settles the question, freeze the answer into a document you can cite.