{
  "@context": "https://schema.org",
  "@id": "https://aggr.aymericbeaumet.com/items/ampcode-com/2026-10-29-visualize-this/#webpage",
  "@type": [
    "WebPage",
    "ArchiveComponent"
  ],
  "articleBody": "You can now ask Amp to visualize or build something for you and it will do it, right in the thread: charts, timelines, diagrams, and mockups you can click through.\n\nHere are some examples, from our real threads. Go ahead, hover and click through them:\n\nVisualize the commits in this repo over the last month.\n\nHere, for example, is an excerpt from Quinn's thread, where he asked for ways to fit a diff stat into a small button:\n\nWhen we are showing the changes chip above the prompt editor, I want to show the diff stat on desktop. But then on smaller screens, including mobile and tablets, I want to find a way on both Android and web and iOS to show something that's like a diff stat, but that fits within the button. And I think that we could try using like small squares that are green, yellow, and red, of course, you know, using colorblind valid colors if so. So give me a bunch of different variants of how this could look for all the different ways we could convey the diff stat little blocks, like radially. I mean, they could also just, you know, be different shapes too, radially, and then also what that looks like on all the different platforms. And let me choose from there and iterate from there.\n\nShow All Show Less\n\nAnd here's what went into building this feature:\n\nCan you visualize the commits and messages and tests and files and diffs that went into this feature? @Nicolay Gerold built it.\n",
  "authors": [],
  "captured_at": "2026-10-29T15:30:03.869733718+00:00",
  "category": "programming",
  "content_html": "<p>You can now ask Amp to visualize or build something for you and it will do it, right in the thread: charts, timelines, diagrams, and mockups you can click through.</p>\n<p>Here are some examples, from our real threads. Go ahead, hover and click through them:</p>\n<p>Visualize the commits in this repo over the last month.</p>\n<p>Here, for example, is an excerpt from Quinn's thread, where he asked for ways to fit a diff stat into a small button:</p>\n<p>When we are showing the changes chip above the prompt editor, I want to show the diff stat on desktop. But then on smaller screens, including mobile and tablets, I want to find a way on both Android and web and iOS to show something that's like a diff stat, but that fits within the button. And I think that we could try using like small squares that are green, yellow, and red, of course, you know, using colorblind valid colors if so. So give me a bunch of different variants of how this could look for all the different ways we could convey the diff stat little blocks, like radially. I mean, they could also just, you know, be different shapes too, radially, and then also what that looks like on all the different platforms. And let me choose from there and iterate from there.</p>\n<p>Show All Show Less</p>\n<p>And here's what went into building this feature:</p>\n<p>Can you visualize the commits and messages and tests and files and diffs that went into this feature? @Nicolay Gerold built it.</p>\n",
  "content_markdown": "You can now ask Amp to visualize or build something for you and it will do it, right in the thread: charts, timelines, diagrams, and mockups you can click through.\n\nHere are some examples, from our real threads. Go ahead, hover and click through them:\n\nVisualize the commits in this repo over the last month.\n\nHere, for example, is an excerpt from Quinn's thread, where he asked for ways to fit a diff stat into a small button:\n\nWhen we are showing the changes chip above the prompt editor, I want to show the diff stat on desktop. But then on smaller screens, including mobile and tablets, I want to find a way on both Android and web and iOS to show something that's like a diff stat, but that fits within the button. And I think that we could try using like small squares that are green, yellow, and red, of course, you know, using colorblind valid colors if so. So give me a bunch of different variants of how this could look for all the different ways we could convey the diff stat little blocks, like radially. I mean, they could also just, you know, be different shapes too, radially, and then also what that looks like on all the different platforms. And let me choose from there and iterate from there.\n\nShow All Show Less\n\nAnd here's what went into building this feature:\n\nCan you visualize the commits and messages and tests and files and diffs that went into this feature? @Nicolay Gerold built it.\n",
  "dateCreated": "2026-10-29T15:30:03.869733718+00:00",
  "date_created": "2026-10-29T00:00:00+00:00",
  "date_modified": "2026-10-29T00:00:00+00:00",
  "date_published": "2026-10-29T00:00:00+00:00",
  "description": "You can now ask Amp to visualize or build something for you and it will do it, right in the thread: charts, timelines, diagrams, and mockups you can click through. Here are some examples, from our real threads. Go ahead, hover and click…",
  "external_url": "https://ampcode.com/news/visualize-this",
  "git": {
    "commit": "20068632b65d2830a2d54f25ca1d90d697bea2c0",
    "path": "items/ampcode-com/2026/10/2026-10-29-visualize-this.md",
    "permalink": "https://github.com/aymericbeaumet/aggr-instance/blob/20068632b65d2830a2d54f25ca1d90d697bea2c0/items/ampcode-com/2026/10/2026-10-29-visualize-this.md"
  },
  "id": "urn:aggr:item:35f5a5682416af485803de6575d20d2ddb4495b9",
  "isBasedOn": {
    "@id": "https://ampcode.com/news/visualize-this"
  },
  "mainEntity": {
    "@id": "https://ampcode.com/news/visualize-this",
    "@type": "CreativeWork",
    "archivedAt": {
      "@id": "https://aggr.aymericbeaumet.com/items/ampcode-com/2026-10-29-visualize-this/#webpage"
    },
    "dateModified": "2026-10-29T00:00:00+00:00",
    "datePublished": "2026-10-29T00:00:00+00:00",
    "headline": "Visualize This",
    "image": {
      "@type": "ImageObject",
      "caption": null,
      "height": 90,
      "url": "https://ampcode.com/og?_template=news&_version=7&title=Visualize+This&date=October+29%2C+2026&tagline=Amp+can+now+show+you+charts%2C+timelines%2C+diagrams%2C+and+mockups+right+in+the+thread.&sig=17c2f9ec104cf4ce55e5ac3eacf9c69f05e2c51ec5d45a85a96595be61c30f89",
      "width": 160
    },
    "timeRequired": "PT2M",
    "url": "https://ampcode.com/news/visualize-this",
    "wordCount": 258
  },
  "name": "Archived snapshot: Visualize This",
  "preview": {
    "alt": null,
    "color": null,
    "height": 90,
    "placeholder": {
      "data_url": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNk+A8AAQUBAScY42YAAAAASUVORK5CYII=",
      "hash": ""
    },
    "url": "https://ampcode.com/og?_template=news&_version=7&title=Visualize+This&date=October+29%2C+2026&tagline=Amp+can+now+show+you+charts%2C+timelines%2C+diagrams%2C+and+mockups+right+in+the+thread.&sig=17c2f9ec104cf4ce55e5ac3eacf9c69f05e2c51ec5d45a85a96595be61c30f89",
    "width": 160
  },
  "reading_minutes": 2,
  "replicated_at": null,
  "source": "ampcode-com",
  "source_name": "Amp News",
  "summary": "You can now ask Amp to visualize or build something for you and it will do it, right in the thread: charts, timelines, diagrams, and mockups you can click through. Here are some examples, from our real threads. Go ahead, hover and click through them: Open the post on ampcode.com to see the chart of last month's commits that Amp drew. Here, for example, is an excerpt from Quinn's thread, where he asked for ways to fit a diff stat into a small button: Open the post on ampcode.com to try Quinn's sixteen diff stat buttons. And here's what went into building this feature: Open the post on ampcode.com to see the history of this feature that Amp drew.",
  "tags": [],
  "temporalCoverage": "2026-10-29T15:30:03.869733718+00:00",
  "title": "Visualize This",
  "url": "https://aggr.aymericbeaumet.com/items/ampcode-com/2026-10-29-visualize-this/",
  "word_count": 258
}