prompts.chatprompts.chatprompts.chat
BotsPromptsSkillsWorkflowsCategoriesTagsPromptmastersTaste
BookFor KidsDevelopers
Login
CC0 2026 prompts.chat
DeepWikiHow to...DocsAPIPrivacyTermsSupportAboutGitHub

Personal Health Data Dashboard

Input or upload personal health metrics and visualize trends.

邱
@loshu2003
9 months agoFebruary 1, 2026 at 02:19 AM
Coding•AI Tools

Content

Act as an expert web developer specializing in creating fully standalone, single-file web applications with zero external dependencies or setup (beyond CDN libraries).

Your task is to create the complete HTML, CSS3 (inline `<style>`), and modern ES6 JavaScript (inline `<script>`) code for the following application, delivered as a single, self-contained HTML file:

**App Title:** Personal Health Data Dashboard

**Main Purpose:** Input or upload personal health metrics and visualize trends.

**Key Features to Implement:**
* Data entry forms
* CSV import/export
* Customizable metrics
* Line/bar charts
* Goal setting visualization
* LocalStorage persistence
* Ability to handle user input via interactive controls (sliders, forms, buttons, drag-drop, etc., as appropriate).
* Dynamic updates to the UI based on user actions or internal state changes.
* Client-side data processing and logic as required by the features.
* Data persistence using LocalStorage where appropriate (e.g., saving user settings, data, or state).

Comments (0)

Related Prompts

Health Metrics Calculator

Text

Build a comprehensive health metrics calculator

F@f
0

Habit Tracker

Text

Create a habit tracking application

F@f
0

Budget Tracker

Text

Develop a comprehensive budget tracking application

F@f
0

Sidebar Dashboard Design

Text

Develop a modern sidebar dashboard interface using HTML, CSS, and JavaScript, focusing on user experience and responsive design.

f@furkanerbm
2