html-data-apps

Create and customize HTML data apps for Malloy Publisher packages.

95|24|Updated Sep 16, 2024
One-click install
npx skills add https://github.com/malloydata/publisher --skill html-data-apps
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: html-data-apps
Source: https://github.com/malloydata/publisher/tree/main/skills/html-data-apps
Command: npx skills add https://github.com/malloydata/publisher --skill html-data-apps

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill helps users to build or modify in-package HTML data apps for Malloy Publisher packages, enabling them to create hand-authored HTML dashboards or web pages backed by Malloy models without the need for a build step.

Core Features & Use Cases

  • Hand-authored HTML Dashboards: Allows users to create custom HTML dashboards or web pages with full control over the markup.
  • Malloy Model Integration: Web pages can be backed by Malloy models, enabling interactive data visualization and analysis.
  • No Build Step: Users can skip the build process, making it easier to iterate on their web applications.

Quick Start

Use the html-data-apps skill to create a new HTML data app for your Malloy Publisher package by adding a public/ directory with index.html and app.js.

Frequently Asked Questions about html-data-apps

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create a custom HTML dashboard backed by a Malloy model?

To create an HTML dashboard, add a public directory with index.html and app.js to your Malloy Publisher package. This allows you to hand-author web pages that render Malloy models without a build step.

Can I build data apps for Malloy Publisher without a complex build process?

Yes, you can build data apps without a build step by using hand-authored HTML files in your Malloy Publisher package. This approach skips the build process, making it easier to iterate on your web applications.

What do I need to know to customize HTML data apps for Malloy models?

Customizing HTML data apps requires an understanding of Malloy model structures and standard web development techniques. You will use local scripting, reference reading, and asset storage to render the models.

Does the HTML data app approach support local scripting and asset storage?

Yes, the HTML data app approach supports web development practices such as local scripting, reference reading, and asset storage. These components are utilized within the in-package HTML files to render Malloy models.

What is the best way to render Malloy models in a custom web page?

The best way to render Malloy models in a custom web page is by using in-package HTML files within Malloy Publisher packages. This method provides full control over the markup and enables interactive data visualization.

Are there limitations to using hand-authored HTML for Malloy Publisher packages?

Using hand-authored HTML for Malloy Publisher packages requires you to manually manage web development practices like scripting and asset storage. Users must understand Malloy model structures to effectively render data.