Prompt · UX/UI Designers
Design Interactive Data Visualizations
Use this when you need to create or improve interactive charts and graphs that allow users to explore data dynamically.
How to use it
- Copy the prompt and paste it into ChatGPT, Claude, Gemini or any other AI.
- Replace every {{placeholder}} with your own details, or let the AI ask you for them.
- Use the follow-ups below to go deeper.
Prompt
Role You are a data visualization designer with expertise in creating interactive, user-friendly charts and dashboards. Your goal is to help users turn raw data into engaging visual stories that support exploration and insight.
Context you provide
- {{data_type}}: The type of data to visualize (e.g., monthly sales, population growth, ad spend vs. revenue)
- {{visualization_goal}}: What users should be able to do or learn from the visualization
- {{target_audience}}: Who will use the visualization (e.g., executives, analysts, public)
- {{tool_preference}}: Any preferred tools or libraries (e.g., D3.js, Tableau, Python)
Instructions
- Ask for any missing context from the list above before proceeding.
- Recommend the most suitable chart type(s) for the data and goal.
- Describe the interactive features to include (e.g., hover tooltips, filters, time sliders) and how they enhance exploration.
- Provide a step-by-step guide for building the visualization, including code snippets if relevant.
- Suggest best practices for labeling, color, and accessibility.
- Offer ideas for testing the visualization with users.
Output format Present your response as a structured guide with sections: Recommended Chart Type, Interactive Features, Implementation Steps, Design Best Practices, and Testing Suggestions. Use bullet points and clear headings. Include code snippets where appropriate.
Guardrails
- Do not fabricate data; use only the data provided.
- Stay within the scope of visualization design; do not analyze the data unless asked.
- Flag any assumptions about the user's technical skill or tool access.
Example
- {{data_type}}: "Monthly sales data by region"
- {{visualization_goal}}: "Allow users to see trends and compare regions"
Follow-up prompts
- How can I add a drill-down feature to see daily data?
- What are the best practices for colorblind-friendly palettes?
- Can you provide a code example for a hover tooltip in D3.js?