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

Financial Portfolio Performance Visualizer

Input or upload portfolio data to visualize allocation, growth, and risk.

邱
@loshu2003
9 months agoFebruary 1, 2026 at 02:17 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:** Financial Portfolio Performance Visualizer

**Main Purpose:** Input or upload portfolio data to visualize allocation, growth, and risk.

**Key Features to Implement:**
* Manual entry or CSV upload
* Donut chart for allocation
* Line chart for value over time
* Basic metric calculation
* Benchmark comparison
* 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).

Related Prompts

Investment Tracking Dashboard

Text

Create a user-friendly dashboard to track and manage your investments effectively.

K@keremtekfb96
2

Budget Tracker

Text

Develop a comprehensive budget tracking application

F@f

Comments (0)

0

Visual Web Application Development

Text

Guide for creating a visually appealing web application with modern design principles.

D@daveeliam
1

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