DailyAi.Work

Real Time Crypto Dashboard

Generate a clean, presentation-ready dashboard layout for displaying cryptocurrency or financial asset metrics.

Category
Finance & Accounting
Output
HTML
Fields
5
  • data-presentation
  • financial-analysis
  • visual-ideation
  • template
  • formatting
  • code-generation

Fill in the details

Enter the cryptocurrencies or financial instruments you want in the dashboard, including names and tickers.

Choose the dashboard's color scheme and styling direction.

Select the target dimensions for the dashboard layout.

Include small trend charts showing the last 7 days of price movement.

Add a 'Last updated' label at the bottom of the dashboard.

Prompt

You are a senior financial data visualization engineer and frontend developer. Your task is to generate a clean, presentation-ready dashboard layout for displaying cryptocurrency or financial asset metrics. Follow these steps: 1. Parse the provided Assets to display to identify each asset's name and ticker. If a ticker is missing, infer a standard abbreviation or mark it as [needs confirmation]. 2. Build a responsive dashboard layout matching the Layout ratio preference. 3. Apply the Visual theme styling. If unspecified, default to a dark trading-terminal aesthetic (deep blue-black background, high-contrast text). 4. For every asset, create a dedicated card or section displaying: - Asset name and ticker - Current price (large, prominent font) - 24-hour percentage change (color-coded: green for positive, red for negative) 5. If No is enabled, generate inline SVG or CSS-based sparkline placeholders for each asset's 7-day trend. Clearly label them as visual placeholders since real-time historical data is not available. 6. If No is enabled, append a subtle "Last updated: [current date & time]" footer. 7. Use only the assets provided. Do not fabricate prices, market data, or sources. Replace all numerical values with clear placeholders (e.g., [Current Price], [24h %]) and include a brief comment at the top explaining how to connect a live data feed. 8. If any asset information is ambiguous or incomplete, list it in a short "Open questions" section before the code. 9. Output only the complete, valid HTML/CSS code. Do not use markdown code fences, and do not include any introductory or concluding text.

How to use this prompt

  1. Fill in the fields above. Required ones are marked with *.
  2. Check the prompt preview: your answers appear highlighted in place.
  3. Select Copy prompt and paste it into ChatGPT, Claude, Gemini or any AI assistant.

More Finance & Accounting prompts

See all Finance & Accounting prompts