Add 2 files

prompts.txt

@@ -1,4 +1,5 @@
 Realtime Dashboard & Data Analysis: Expert Checklist (Enhanced with Graph Focus) 🔍 8. Graph Design for Dense and Clear Overview Mục tiêu: Truyền tải thông tin dày đặc mà vẫn trực quan, dễ hiểu trong nháy mắt – mô phỏng cách Big 4 tạo executive dashboards.  8.1 Graph Strategy & Layout  Use a dashboard layout grid system (e.g., 12-column) to organize graphs tightly but orderly   Prioritize high-impact KPIs at the top in summary graphs   Use small multiples (trellis layout) to compare multiple dimensions (e.g., per region, per product)   Include mini trendlines/sparklines inside KPI cards for temporal context   Reserve a section for real-time alerts or anomalies (heatmaps or red/yellow indicators)   Maintain consistent X & Y axes across related graphs to allow visual comparison  8.2 Graph Types for Overview  Line/Area charts for trends over time (use smooth or step lines for clarity)   Bar/Column charts for categorical comparisons (horizontal for rank-style)   Stacked bar charts for composition over time (e.g., by segment, region)   Heatmaps or matrix charts for correlation/volume (e.g., time vs. activity)   Bullet graphs to compare against targets   Donut charts sparingly – only for 1–2 key metrics to show proportion   Treemaps or sunburst charts for hierarchical overview (optional)  8.3 Visual Enhancement Techniques  Add data labels only on critical or outlier points (avoid label clutter)   Use soft animations (e.g., Framer Motion or Chart.js transitions) for updates   Apply color encoding based on thresholds (e.g., red = critical, green = OK)   Use hover tooltips for exact values and context without crowding UI   Add trend arrows or % change indicators for instant directional insight   Support multi-series toggle (legend click) to allow focus on subsets   Group graphs with consistent legends and timestamps  8.4 Interaction & Filtering  Enable global filters (date range, geography, user segments)   Support brush & zoom interactions for time-series charts   Enable cross-filtering: clicking on a graph filters other graphs accordingly   Provide graph-level controls: time range, aggregation level, etc.  8.5 Accessibility & Responsiveness  Use colorblind-friendly palettes (ColorBrewer, high-contrast themes)   Provide textual summaries below charts for accessibility (e.g., key trend highlights)   Ensure mobile responsiveness: graphs collapse to scrollable format or stacked cards
 input sample data to make it real
 make more complicated graph, look like laboratory research and self-check the layout suitable
-where the data graph, where data indicator, input references and big sample data to visualization
+where the data graph, where data indicator, input references and big sample data to visualization
+COMPLICATED MANUFACTURING DASHBOARD  Theme: Factory Operations, Production KPIs, Machine Health, Quality, Downtime, Yield  Goal: Densely visualize critical plant metrics across time, locations, machines, and processes.  🧱 1. Layout Structure (Factory Control Center Style) Use 12-column responsive grid, showing 15–20 charts on screen   Sections:   Row 1: KPI Cards (Production, Uptime, Scrap Rate, Efficiency)   Row 2: Machine Metrics (Output, Downtime, OEE, MTTR, MTBF)   Row 3: Quality & Yield (Pareto, Defect Tree, First Pass Yield)   Row 4: Supply Chain & Energy (Inventory, Lead Time, Power Usage)   Row 5: Flow Diagrams + Tables (Sankey, Network, Batch Details)    📊 2. Recommended Graph Types (Manufacturing Focused) 🏭 Multi-line Chart for output trends (by shift, machine, product)   🏗 Stacked Bar Chart for downtime reasons   ⚙️ OEE Bullet Graph (Availability, Performance, Quality)   📆 Calendar Heatmap for machine availability or failures   💥 Pareto Chart for top defect causes   🕸 Radar Chart for line balancing or station KPIs   📊 Waterfall Chart for yield loss breakdown   🌐 Plant Geo Map with machine status overlays   🔄 Sankey Diagram for material flow across stations   🧭 Parallel Coordinates for process parameter correlations   🧬 Network Graph for line-to-line dependencies   📌 Box + Violin Plots for sensor value distributions   🔌 Energy Usage Line Chart (by area, time)   ⏳ Cycle Time Comparison (Actual vs. Target vs. Takt Time)   🧾 Production Table with inline sparklines    🎛 3. Interactive Features Filter by: Shift, Line, Machine, Product, Operator   Drill-through: click on line → open station-level trends   Zoom + Brush on timeline charts   Cross-filtering: select downtime cause → update yield + defects   Real-time toggles: enable/disable live sensor overlays   Export: graphs to PDF, CSV, image, plus full shift reports    🧠 4. Chaos Elements (Still by Design!) Show real-time clock + live alerts bar at top   Use contrasting colors for machines, statuses, shifts   Stack multiple graphs per card (e.g., output + scrap + cycle time)   Don’t collapse legends → let them show fully   Overload KPI cards: 6–8 metrics per row   Use animation: flashing borders for machines in error state    �� 5. Advanced Additions for Expert-Level Dashboards Embed machine learning predictions (e.g., quality forecast)   Add anomaly detection flags on all sensor-based graphs   Allow in-graph annotations for shift supervisors   Show raw SQL or data query per section (for power users)   Add iframe reports: maintenance schedule, SOP video, etc.    🧭 Sample Layout Grid (Manufacturing-Focused) less Sao chépChỉnh sửa +---------------------------------------------------------------------+ | [Output Today] [OEE%] [Scrap Rate] [Downtime %] [Energy Use] [FPY] | +---------------------------------------------------------------------+ | [Line Output Trends] [Downtime by Cause] [Shift-based OEE Radar]   | +---------------------------------------------------------------------+ | [Calendar Heatmap of Failures] [Pareto Defects] [Yield Waterfall]  | +---------------------------------------------------------------------+ | [Machine Map] [Energy Usage Chart] [Cycle Time vs Takt Line]       | +---------------------------------------------------------------------+ | [Sankey Material Flow] [Network of Machines] [Parallel Coordinates]| +---------------------------------------------------------------------+ | [Batch Data Table]         [Raw Sensor Log Table + Anomalies]      | +---------------------------------------------------------------------+