Video wird geladen...

Video konnte nicht geladen werden

Beim Laden dieses Videos ist ein Problem aufgetreten. Dies könnte an einem vorübergehenden Netzwerkproblem liegen oder das Video ist möglicherweise nicht verfügbar.

I decided to explore HTML visuals in Power BI over the weekend with help from Claude , and the result was this interactive sales dashboard. From dynamic KPI cards to custom-styled charts and responsive layouts, HTML opens up a whole new level of design flexibility inside Power BI. It... show more

Chiamaka Igwe

3,548 subscribers

14,671 Aufrufe • vor 7 Monaten •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

22 Kommentare

Profilbild von Chidi Ebere

Chidi Eberevor 7 Monaten

@claudeai Ones you open this door. You might not want to go back building the regular charts

Profilbild von Chiamaka Igwe

Chiamaka Igwevor 7 Monaten

@claudeai 😀 I will really like to explore more

Profilbild von Chidi Ebere

Chidi Eberevor 7 Monaten

@claudeai Please do

Profilbild von Jignesh Bhojani 🇮🇳🇺🇸

Jignesh Bhojani 🇮🇳🇺🇸vor 7 Monaten

@claudeai The biggest (if not only) limitation of Power BI from the beginning has been lackluster visuals compared to Tableau or d3. Denab/Vega works really great for most use cases, but I am curious to try out html. How is the cross filtering experience and any performance hit?

Profilbild von Chiamaka Igwe

Chiamaka Igwevor 7 Monaten

Yea, Deneb is great. From what I’ve seen so far, cross-filtering with HTML visuals isn’t as native as standard Power BI visuals. You can simulate interactions, but it requires extra work and can feel a bit constrained depending on the implementation. On performance, for a single-page report like this, I didn’t notice any significant lag. I’d just be cautious scaling it. Heavier HTML, CSS, and JS could introduce performance trade-offs, especially with larger datasets. I see it more as a powerful enhancement layer for highly customized experiences rather than a full replacement for core visuals, at least for now.

Profilbild von Chat Data

Chat Datavor 7 Monaten

@claudeai This looks much closer to product UI than classic BI. The interesting tradeoff is flexibility versus maintainability once teams start reusing these patterns across reports. If the HTML layer can be templatized cleanly, this could make Power BI outputs feel far less static.

Profilbild von Chiamaka Igwe

Chiamaka Igwevor 7 Monaten

@claudeai Thank you, that’s a great point.

Profilbild von Ad Agency Finance Guy

Ad Agency Finance Guyvor 7 Monaten

@claudeai I’m working on coding out full beautiful reports in Claude that can take a csv data dump automatically. Instead of looking up beautiful financial dashboard im finding beautiful web ui or code snippets and then telling it to build it into a view of our data.

Profilbild von Chiamaka Igwe

Chiamaka Igwevor 7 Monaten

@claudeai That’s a really smart approach. Can’t wait to see the outcome.

Profilbild von David Wilson

David Wilsonvor 7 Monaten

@claudeai This looks wonderful. And the result presented looks clean. Well done.

Profilbild von Chiamaka Igwe

Chiamaka Igwevor 7 Monaten

@claudeai Thank you

Profilbild von Frederik

Frederikvor 7 Monaten

@claudeai Wow. I think native visuals are a thing of the past! Thanks for sharing!🔥

Profilbild von Chiamaka Igwe

Chiamaka Igwevor 7 Monaten

@claudeai You're welcome. AI has unlocked a whole new level of creativity for Power BI developers.

Profilbild von Sola 🇨🇦

Sola 🇨🇦vor 7 Monaten

@claudeai Great Job,

Profilbild von Chiamaka Igwe

Chiamaka Igwevor 7 Monaten

@claudeai Thank you

Profilbild von Parvez Khan

Parvez Khanvor 5 Monaten

@claudeai HTML visuals in Power BI turning a dashboard into a polished product? This looks excellent. The interactivity and design flexibility is on another level. Great work @Data_Chy — definitely considering HTML visuals now.

Profilbild von Chiamaka Igwe

Chiamaka Igwevor 5 Monaten

@claudeai Thank you

Profilbild von Idris | The Data Guy

Idris | The Data Guyvor 7 Monaten

@claudeai This is amazing 👏

Profilbild von Chiamaka Igwe

Chiamaka Igwevor 7 Monaten

@claudeai Thank you

Profilbild von ninaikpe

ninaikpevor 7 Monaten

@claudeai Nice one, working on one already.

Profilbild von Chiamaka Igwe

Chiamaka Igwevor 7 Monaten

@claudeai Thank you

Profilbild von Eric Holm

Eric Holmvor 5 Monaten

@claudeai This looks great. HTML visuals in Power BI are underrated. Most teams don't realize how much control they get once they move past the default chart options. Nice work.

Ähnliche Videos

Identify Which Sectors Showing Strong Sales Growth I’ve created a simple interactive dashboard that lets you view Screener results using bar charts and pie charts. You can also instantly see which stocks belong to which sector, making your analysis faster and more visual. How to Use the Dashboard 1. Download the CSV file Click the Export button on this Screener link: 2. Convert the CSV to JSON Use this online tool to convert your CSV file into a JSON file: 3. Download the HTML file from the link below and open it in your browser: 4. Upload your JSON file Once uploaded, the dashboard will instantly display industry-wise growth charts.

Identify Which Sectors Showing Strong Sales Growth I’ve created a simple interactive dashboard that lets you view Screener results using bar charts and pie charts. You can also instantly see which stocks belong to which sector, making your analysis faster and more visual. How to Use the Dashboard 1. Download the CSV file Click the Export button on this Screener link: 2. Convert the CSV to JSON Use this online tool to convert your CSV file into a JSON file: 3. Download the HTML file from the link below and open it in your browser: 4. Upload your JSON file Once uploaded, the dashboard will instantly display industry-wise growth charts.

Sneha S

76,534 Aufrufe • vor 11 Monaten

My favorite way of interacting with Claude Code is to have it generate static HTML files as outputs (reports, explorations, code structure, mockups etc.) I wanted to iterate on the file by commenting in browser and having Claude update the output live. So, I built this Claude Skill👇 How it works: - Install Claude Code skill (ask it to clone repo) - Build an HTML page for anything (e.g. research coding agents and generate HTML report) - Ask it to make the page interactive That's it. CC will launch a localhost server and allow you to then leave comments on the page itself and once it updates, will give you a tour of changes. It's like Google Docs kind of comments/iteration but for HTML pages.

My favorite way of interacting with Claude Code is to have it generate static HTML files as outputs (reports, explorations, code structure, mockups etc.) I wanted to iterate on the file by commenting in browser and having Claude update the output live. So, I built this Claude Skill👇 How it works: - Install Claude Code skill (ask it to clone repo) - Build an HTML page for anything (e.g. research coding agents and generate HTML report) - Ask it to make the page interactive That's it. CC will launch a localhost server and allow you to then leave comments on the page itself and once it updates, will give you a tour of changes. It's like Google Docs kind of comments/iteration but for HTML pages.

Paras Chopra

216,705 Aufrufe • vor 5 Monaten

New block in Notion: HTML. Build interactive HTML right on your Notion page. Ask AI to turn your content into interactive explainers, prototypes, or diagrams. Share with your team to use and tinker together.

New block in Notion: HTML. Build interactive HTML right on your Notion page. Ask AI to turn your content into interactive explainers, prototypes, or diagrams. Share with your team to use and tinker together.

Notion

1,582,564 Aufrufe • vor 4 Monaten

Markdown was doomed from the start. It's just a format with low information density. HTML is better for humans, and agents can now consume and produce it without issues. But nobody wants to type HTML, so here is an alternative: This is an open-source tool for generating dashboards from data without writing a single HTML tag. You define your dashboard in YAML or TSK, and the tool will serve the HTML file for you. It comes with skills for Claude Code and Codex, so they know how to build these dashboards. And you can connect this to Postgres, MySQL, Snowflake, BigQuery, Redshift, Databricks, and many other databases. Repo link below.

Markdown was doomed from the start. It's just a format with low information density. HTML is better for humans, and agents can now consume and produce it without issues. But nobody wants to type HTML, so here is an alternative: This is an open-source tool for generating dashboards from data without writing a single HTML tag. You define your dashboard in YAML or TSK, and the tool will serve the HTML file for you. It comes with skills for Claude Code and Codex, so they know how to build these dashboards. And you can connect this to Postgres, MySQL, Snowflake, BigQuery, Redshift, Databricks, and many other databases. Repo link below.

Santiago

86,565 Aufrufe • vor 5 Monaten

From idea to deck—with AI agents. AiPPT 2.0 Agent Mode is live: Load custom workflows & templates Tailor decks to any audience Refine layouts and data visuals with prompts Export to PPTX, PDF, PNG or HTML Work report or class project—which would you build first?

From idea to deck—with AI agents. AiPPT 2.0 Agent Mode is live: Load custom workflows & templates Tailor decks to any audience Refine layouts and data visuals with prompts Export to PPTX, PDF, PNG or HTML Work report or class project—which would you build first?

AiPPT.COM

290,655 Aufrufe • vor 3 Monaten

Effective html patterns and animations to use in your agent product development processes

Effective html patterns and animations to use in your agent product development processes

Michael Ramos

20,634 Aufrufe • vor 3 Monaten

Out-of-order HTML patching, another proposal from TPAC, lets HTML be presented non-linearly, and a single file can update multiple parts of the page. Would this feature be useful to you?

Out-of-order HTML patching, another proposal from TPAC, lets HTML be presented non-linearly, and a single file can update multiple parts of the page. Would this feature be useful to you?

Firefox for Web Developers

28,790 Aufrufe • vor 11 Monaten

If you make Power BI reports, I think you might enjoy stepping outside of Power BI to experiment with coding agents and dataviz libraries like Vega, Altair, or d3.js. Here's an example of a dashboard I made with FitBit data. While making the pbir-cli (testing starts this week, thanks to everyone who showed interest!), we learned a lot. Chiefly: we've found it's really, really hard to get an agent to work well with Power BI reports!! Power BI reports are built around abstraction and different intersecting layers. Themes, metadata, extensions, the model... all of it built for a low-code SSBI experience (clicky-clicky-draggy-droppy). That's fine for you and me (mostly). For a coding agent, though, it's inflexible... maybe even hostile. Even with the right tools and context, you simply can't get a Power BI report to reliably do _exactly_ what you want; it's just not meant for that. If you experiment a bit with Vega, Altair, or d3.js... you'll see what I mean; the contrast is pretty clear. This isn't necessarily a bad thing; unlimited flexibility may lead to inconsistency, and there's creativity in constraints. But still, I've been wanting to explore visualization without these constraints... My experiments beyond Power BI reports have been interesting and given me a lot to think about. The most promising approach so far: viz-as-code with custom embedded visuals, pulling from local or remote data sources. This stepcount dashboard is one such example... made in just a few hours between other tasks. Materializing a dashboard like this from natural language wasn't really viable a year ago. Project out another 12–18 months and it's certainly difficult to imagine what the future looks like... That said, reports and dashboards in an enterprise context aren't just visuals. Governance, distribution, integration, etc... years of individual and organizational investment. All of that makes change have a speed limit; we won't be plugging in custom embedded dashboards, overnight. But if you're curious, I do think it's a good investment to step outside Power BI and experiment. Investments you may even be turned into custom visual designs, anyway :). As Havens Consulting put it recently to me: it's time to multiclass...

If you make Power BI reports, I think you might enjoy stepping outside of Power BI to experiment with coding agents and dataviz libraries like Vega, Altair, or d3.js. Here's an example of a dashboard I made with FitBit data. While making the pbir-cli (testing starts this week, thanks to everyone who showed interest!), we learned a lot. Chiefly: we've found it's really, really hard to get an agent to work well with Power BI reports!! Power BI reports are built around abstraction and different intersecting layers. Themes, metadata, extensions, the model... all of it built for a low-code SSBI experience (clicky-clicky-draggy-droppy). That's fine for you and me (mostly). For a coding agent, though, it's inflexible... maybe even hostile. Even with the right tools and context, you simply can't get a Power BI report to reliably do _exactly_ what you want; it's just not meant for that. If you experiment a bit with Vega, Altair, or d3.js... you'll see what I mean; the contrast is pretty clear. This isn't necessarily a bad thing; unlimited flexibility may lead to inconsistency, and there's creativity in constraints. But still, I've been wanting to explore visualization without these constraints... My experiments beyond Power BI reports have been interesting and given me a lot to think about. The most promising approach so far: viz-as-code with custom embedded visuals, pulling from local or remote data sources. This stepcount dashboard is one such example... made in just a few hours between other tasks. Materializing a dashboard like this from natural language wasn't really viable a year ago. Project out another 12–18 months and it's certainly difficult to imagine what the future looks like... That said, reports and dashboards in an enterprise context aren't just visuals. Governance, distribution, integration, etc... years of individual and organizational investment. All of that makes change have a speed limit; we won't be plugging in custom embedded dashboards, overnight. But if you're curious, I do think it's a good investment to step outside Power BI and experiment. Investments you may even be turned into custom visual designs, anyway :). As Havens Consulting put it recently to me: it's time to multiclass...

Kurt Buhler

28,562 Aufrufe • vor 7 Monaten

Claude Mythos / Oceanus is insane see the level of detail using Three.js (from jsDelivr).HTML and a custom meshing engine it made (in like 5 minutes and low effort thinking level) Credit to Lentils and z..AI , this is so good people are not realising it yet 😭

Claude Mythos / Oceanus is insane see the level of detail using Three.js (from jsDelivr).HTML and a custom meshing engine it made (in like 5 minutes and low effort thinking level) Credit to Lentils and z..AI , this is so good people are not realising it yet 😭

Chetaslua

99,943 Aufrufe • vor 5 Monaten

Amazed by HTML-in-canvas demos? it's natively supported by HyperFrames and we built a catalog of effects anyone can use with one command $ npx hyperframes add html-in-canvas take your videos to the next level

Amazed by HTML-in-canvas demos? it's natively supported by HyperFrames and we built a catalog of effects anyone can use with one command $ npx hyperframes add html-in-canvas take your videos to the next level

HeyGen

504,355 Aufrufe • vor 5 Monaten

receiving a lot of good words about lavish-axi (ty!) in v0.1.27 i just made it installable and invocable as a skill "/lavish" or with a prompt "/lavish let's discuss what options we have" this is the quickest way to upgrade your workflow from reading long wall of text and markdown to interactive html artifacts which are a lot more pleasant and efficient to work with why not just ask the agent to write an html? you'll know when you need to give some feedback to the agent about things in the html and realize there's no good way to make those edits and iterations. lavish gives you the ability to work with the agent via the html itself if you have been using lavish already, make sure to upgrade to latest version! quite a few good bug fixes shipped recently that would help the agent generate correct styling and poll more reliably

receiving a lot of good words about lavish-axi (ty!) in v0.1.27 i just made it installable and invocable as a skill "/lavish" or with a prompt "/lavish let's discuss what options we have" this is the quickest way to upgrade your workflow from reading long wall of text and markdown to interactive html artifacts which are a lot more pleasant and efficient to work with why not just ask the agent to write an html? you'll know when you need to give some feedback to the agent about things in the html and realize there's no good way to make those edits and iterations. lavish gives you the ability to work with the agent via the html itself if you have been using lavish already, make sure to upgrade to latest version! quite a few good bug fixes shipped recently that would help the agent generate correct styling and poll more reliably

Kun Chen

14,584 Aufrufe • vor 4 Monaten

LLM Wikis + HTML Artifacts are insanely powerful. You should seriously consider this in your workflows. LLM Wikis captures all the important information that lets you and your agents do meaningful work. HTML artifacts present that information in interesting ways that allow you to take important actions along with your agents. My HTML artifacts sit on top of my LLM wikis. They are dynamic and are easily extended as needs arise. I have hooked my Artifacts to talk to my agents, and similarly, the agents can talk to artifacts. This has allowed me to build powerful artifacts that reduce my inbox to zero, keep me updated on any topic of interest, fast prototyping, do deep research, design/trigger new experiments, generate figures to improve understanding, schedule research, search relevant information, discover topics, and so much more. What you see in the clip is not a website. It's a simple interactive HTML artifact. HTML artifacts are useful for designers, engineers, researchers, students, and anyone working with agents. Lastly, HTML doesn't replace Markdown. They are a much better combination working together.

LLM Wikis + HTML Artifacts are insanely powerful. You should seriously consider this in your workflows. LLM Wikis captures all the important information that lets you and your agents do meaningful work. HTML artifacts present that information in interesting ways that allow you to take important actions along with your agents. My HTML artifacts sit on top of my LLM wikis. They are dynamic and are easily extended as needs arise. I have hooked my Artifacts to talk to my agents, and similarly, the agents can talk to artifacts. This has allowed me to build powerful artifacts that reduce my inbox to zero, keep me updated on any topic of interest, fast prototyping, do deep research, design/trigger new experiments, generate figures to improve understanding, schedule research, search relevant information, discover topics, and so much more. What you see in the clip is not a website. It's a simple interactive HTML artifact. HTML artifacts are useful for designers, engineers, researchers, students, and anyone working with agents. Lastly, HTML doesn't replace Markdown. They are a much better combination working together.

elvis

249,243 Aufrufe • vor 5 Monaten

A super simple workflow to get DESIGN.md or HTML templates into Claude design. Grab from 400+ design systems and Claude will create the rest.

A super simple workflow to get DESIGN.md or HTML templates into Claude design. Grab from 400+ design systems and Claude will create the rest.

Meng To

89,602 Aufrufe • vor 6 Monaten

Every tip in Andrej Karpathy's post is gold. I use the HTML one a lot. When I'm learning something new or trying to understand complex code, I ask the agent to build me a visual HTML page. Here I was learning SEO and GEO. The agent turned the key ideas into an interactive page I could click through. I picked it up faster than I would have from reading docs.

Every tip in Andrej Karpathy's post is gold. I use the HTML one a lot. When I'm learning something new or trying to understand complex code, I ask the agent to build me a visual HTML page. Here I was learning SEO and GEO. The agent turned the key ideas into an interactive page I could click through. I picked it up faster than I would have from reading docs.

Kai

52,036 Aufrufe • vor 28 Tagen

Discover how QwenWork translates complex workplace requirements into seamless, ready-to-use deliverables like spreadsheets, HTML reports, and more. Watch the video to see how QwenWork can elevate your productivity to the next level.

Discover how QwenWork translates complex workplace requirements into seamless, ready-to-use deliverables like spreadsheets, HTML reports, and more. Watch the video to see how QwenWork can elevate your productivity to the next level.

Alibaba Group

1,081,113 Aufrufe • vor 1 Monat

I made a plugin that turns figma designs to code using Claude AI Works with HTML, CSS, Tailwind, SwiftUI, Flutter, etc. This is production level code and you can enter custom prompts like "make it functional" or "add hover states". Oh and it's free. You can use your api keys.

I made a plugin that turns figma designs to code using Claude AI Works with HTML, CSS, Tailwind, SwiftUI, Flutter, etc. This is production level code and you can enter custom prompts like "make it functional" or "add hover states". Oh and it's free. You can use your api keys.

Meng To

221,140 Aufrufe • vor 1 Jahr

your favourite AI tools can’t generate PDFs. fixes that 👇 • ask claude/gemini/chatgpt to give you well designed html • go to and paste this html • set the pdf page size and orientation • click convert to pdf your pdf file is ready! all processing is done client-side, your data never leaves your browser. check it out now:

your favourite AI tools can’t generate PDFs. fixes that 👇 • ask claude/gemini/chatgpt to give you well designed html • go to and paste this html • set the pdf page size and orientation • click convert to pdf your pdf file is ready! all processing is done client-side, your data never leaves your browser. check it out now:

kanav

23,208 Aufrufe • vor 9 Monaten

I asked Claude Fable 5.1 to create the most beautiful single HTML file (incl. sound). I like it a lot. Full prompt + url below.

I asked Claude Fable 5.1 to create the most beautiful single HTML file (incl. sound). I like it a lot. Full prompt + url below.

Mia

30,125 Aufrufe • vor 1 Monat

HTML in Canvas + fragment shader. Shader is applied to the actual interactive html.

HTML in Canvas + fragment shader. Shader is applied to the actual interactive html.

Zsolt Kacso

62,811 Aufrufe • vor 6 Monaten