Engineering Visualization Examples

This guide provides comprehensive examples for engineering data visualization using the DataGlass plugin for Obsidian. All examples use inline JSON data with exactly 50 data points to demonstrate realistic engineering scenarios.

Sensor Monitoring and Telemetry
System Performance Metrics
Load and Stress Testing
- Load vs Response Time
- System Degradation Under Load
Quality Control and Manufacturing
Signal Processing and Analysis
- Frequency Spectrum Analysis
- Waveform Signal Analysis
Network Performance
Energy and Power Analysis
- Power Consumption Patterns
- Energy Efficiency Comparison
Material Properties Testing
- Stress-Strain Curve
- Hardness Test Distribution
Statistical Distributions
- Process Capability Analysis
- Multi-Batch Quality Comparison
Multi-dimensional Analysis
- Parameter Correlation Heatmap

Sensor Monitoring and Telemetry

Temperature Sensor Readings

Real-time temperature monitoring from industrial sensor over a 50-minute period.

View Source

title: "Real-time temperature monitoring"
data:
  source: |
    [
      {
        "time": 0,
        "temperature": 22.3
      },
      {
        "time": 1,
        "temperature": 22.5
      },
      {
        "time": 2,
        "temperature": 22.8
      },
      {
        "time": 3,
        "temperature": 23.1
      },
      {
        "time": 4,
        "temperature": 23.4
      },
      {
        "time": 5,
        "temperature": 23.7
      },
      {
        "time": 6,
        "temperature": 24
      },
      {
        "time": 7,
        "temperature": 24.3
      },
      {
        "time": 8,
        "temperature": 24.6
      },
      {
        "time": 9,
        "temperature": 24.9
      },
      {
        "time": 10,
        "temperature": 25.2
      },
      {
        "time": 11,
        "temperature": 25.5
      },
      {
        "time": 12,
        "temperature": 25.8
      },
      {
        "time": 13,
        "temperature": 26.1
      },
      {
        "time": 14,
        "temperature": 26.3
      },
      {
        "time": 15,
        "temperature": 26.5
      },
      {
        "time": 16,
        "temperature": 26.7
      },
      {
        "time": 17,
        "temperature": 26.9
      },
      {
        "time": 18,
        "temperature": 27.1
      },
      {
        "time": 19,
        "temperature": 27.3
      },
      {
        "time": 20,
        "temperature": 27.5
      },
      {
        "time": 21,
        "temperature": 27.6
      },
      {
        "time": 22,
        "temperature": 27.7
      },
      {
        "time": 23,
        "temperature": 27.8
      },
      {
        "time": 24,
        "temperature": 27.9
      },
      {
        "time": 25,
        "temperature": 28
      },
      {
        "time": 26,
        "temperature": 27.9
      },
      {
        "time": 27,
        "temperature": 27.8
      },
      {
        "time": 28,
        "temperature": 27.7
      },
      {
        "time": 29,
        "temperature": 27.5
      },
      {
        "time": 30,
        "temperature": 27.3
      },
      {
        "time": 31,
        "temperature": 27.1
      },
      {
        "time": 32,
        "temperature": 26.8
      },
      {
        "time": 33,
        "temperature": 26.5
      },
      {
        "time": 34,
        "temperature": 26.2
      },
      {
        "time": 35,
        "temperature": 25.9
      },
      {
        "time": 36,
        "temperature": 25.6
      },
      {
        "time": 37,
        "temperature": 25.3
      },
      {
        "time": 38,
        "temperature": 25
      },
      {
        "time": 39,
        "temperature": 24.7
      },
      {
        "time": 40,
        "temperature": 24.4
      },
      {
        "time": 41,
        "temperature": 24.1
      },
      {
        "time": 42,
        "temperature": 23.8
      },
      {
        "time": 43,
        "temperature": 23.5
      },
      {
        "time": 44,
        "temperature": 23.3
      },
      {
        "time": 45,
        "temperature": 23.1
      },
      {
        "time": 46,
        "temperature": 22.9
      },
      {
        "time": 47,
        "temperature": 22.7
      },
      {
        "time": 48,
        "temperature": 22.6
      },
      {
        "time": 49,
        "temperature": 22.5
      }
    ]
type: bar
x: time
y: temperature
width: 1000

View Source

data:
	source: | 
		[
		    {"time": 0, "temperature": 22.3}, {"time": 1, "temperature": 22.5}, {"time": 2, "temperature": 22.8},
		    {"time": 3, "temperature": 23.1}, {"time": 4, "temperature": 23.4}, {"time": 5, "temperature": 23.7},
		    {"time": 6, "temperature": 24.0}, {"time": 7, "temperature": 24.3}, {"time": 8, "temperature": 24.6},
		    {"time": 9, "temperature": 24.9}, {"time": 10, "temperature": 25.2}, {"time": 11, "temperature": 25.5},
		    {"time": 12, "temperature": 25.8}, {"time": 13, "temperature": 26.1}, {"time": 14, "temperature": 26.3},
		    {"time": 15, "temperature": 26.5}, {"time": 16, "temperature": 26.7}, {"time": 17, "temperature": 26.9},
		    {"time": 18, "temperature": 27.1}, {"time": 19, "temperature": 27.3}, {"time": 20, "temperature": 27.5},
		    {"time": 21, "temperature": 27.6}, {"time": 22, "temperature": 27.7}, {"time": 23, "temperature": 27.8},
		    {"time": 24, "temperature": 27.9}, {"time": 25, "temperature": 28.0}, {"time": 26, "temperature": 27.9},
		    {"time": 27, "temperature": 27.8}, {"time": 28, "temperature": 27.7}, {"time": 29, "temperature": 27.5},
		    {"time": 30, "temperature": 27.3}, {"time": 31, "temperature": 27.1}, {"time": 32, "temperature": 26.8},
		    {"time": 33, "temperature": 26.5}, {"time": 34, "temperature": 26.2}, {"time": 35, "temperature": 25.9},
		    {"time": 36, "temperature": 25.6}, {"time": 37, "temperature": 25.3}, {"time": 38, "temperature": 25.0},
		    {"time": 39, "temperature": 24.7}, {"time": 40, "temperature": 24.4}, {"time": 41, "temperature": 24.1},
		    {"time": 42, "temperature": 23.8}, {"time": 43, "temperature": 23.5}, {"time": 44, "temperature": 23.3},
		    {"time": 45, "temperature": 23.1}, {"time": 46, "temperature": 22.9}, {"time": 47, "temperature": 22.7},
		    {"time": 48, "temperature": 22.6}, {"time": 49, "temperature": 22.5}
		]

title: Temperature Sensor Monitoring

height: 400
marks:
  - type: line
    configuration:
      x: time
      y: temperature
      stroke: "#e74c3c"
      strokeWidth: 2
      tip: true
  - type: dot
    configuration:
      x: time
      y: temperature
      fill: "#c0392b"
      r: 2
x:
  label: Time (minutes)
y:
  label: Temperature (°C)
grid: true

Multi-Sensor Pressure Monitoring

Monitoring three pressure sensors in a hydraulic system.

View Source

data:
  source: [
    {"time": 0, "sensor": "P1", "pressure": 150.2}, {"time": 0, "sensor": "P2", "pressure": 148.5}, {"time": 0, "sensor": "P3", "pressure": 151.3},
    {"time": 2, "sensor": "P1", "pressure": 152.1}, {"time": 2, "sensor": "P2", "pressure": 149.8}, {"time": 2, "sensor": "P3", "pressure": 152.5},
    {"time": 4, "sensor": "P1", "pressure": 153.5}, {"time": 4, "sensor": "P2", "pressure": 151.2}, {"time": 4, "sensor": "P3", "pressure": 153.8},
    {"time": 6, "sensor": "P1", "pressure": 155.0}, {"time": 6, "sensor": "P2", "pressure": 152.6}, {"time": 6, "sensor": "P3", "pressure": 155.2},
    {"time": 8, "sensor": "P1", "pressure": 156.8}, {"time": 8, "sensor": "P2", "pressure": 154.1}, {"time": 8, "sensor": "P3", "pressure": 156.9},
    {"time": 10, "sensor": "P1", "pressure": 158.2}, {"time": 10, "sensor": "P2", "pressure": 155.7}, {"time": 10, "sensor": "P3", "pressure": 158.5},
    {"time": 12, "sensor": "P1", "pressure": 159.5}, {"time": 12, "sensor": "P2", "pressure": 157.0}, {"time": 12, "sensor": "P3", "pressure": 159.8},
    {"time": 14, "sensor": "P1", "pressure": 160.3}, {"time": 14, "sensor": "P2", "pressure": 157.9}, {"time": 14, "sensor": "P3", "pressure": 160.6},
    {"time": 16, "sensor": "P1", "pressure": 160.8}, {"time": 16, "sensor": "P2", "pressure": 158.5}, {"time": 16, "sensor": "P3", "pressure": 161.1},
    {"time": 18, "sensor": "P1", "pressure": 161.0}, {"time": 18, "sensor": "P2", "pressure": 158.8}, {"time": 18, "sensor": "P3", "pressure": 161.3},
    {"time": 20, "sensor": "P1", "pressure": 160.5}, {"time": 20, "sensor": "P2", "pressure": 158.2}, {"time": 20, "sensor": "P3", "pressure": 160.8},
    {"time": 22, "sensor": "P1", "pressure": 159.7}, {"time": 22, "sensor": "P2", "pressure": 157.4}, {"time": 22, "sensor": "P3", "pressure": 160.0},
    {"time": 24, "sensor": "P1", "pressure": 158.5}, {"time": 24, "sensor": "P2", "pressure": 156.2}, {"time": 24, "sensor": "P3", "pressure": 158.8},
    {"time": 26, "sensor": "P1", "pressure": 157.0}, {"time": 26, "sensor": "P2", "pressure": 154.8}, {"time": 26, "sensor": "P3", "pressure": 157.3},
    {"time": 28, "sensor": "P1", "pressure": 155.3}, {"time": 28, "sensor": "P2", "pressure": 153.1}, {"time": 28, "sensor": "P3", "pressure": 155.6},
    {"time": 30, "sensor": "P1", "pressure": 153.5}, {"time": 30, "sensor": "P2", "pressure": 151.3}, {"time": 30, "sensor": "P3", "pressure": 153.8},
    {"time": 32, "sensor": "P1", "pressure": 151.8}, {"time": 32, "sensor": "P2", "pressure": 149.5}, {"time": 32, "sensor": "P3", "pressure": 152.1}
  ]

title: Multi-Sensor Pressure Monitoring
width: 600
height: 400
marks:
  - type: line
    configuration:
      x: time
      y: pressure
      stroke: sensor
      strokeWidth: 2
      tip: true
x:
  label: Time (seconds)
y:
  label: Pressure (PSI)
color:
  legend: true
grid: true

Vibration Amplitude Monitoring

Monitoring vibration levels in a rotating machine.

View Source

data:
  source: [
    {"time": 0, "amplitude": 0.12}, {"time": 1, "amplitude": 0.15}, {"time": 2, "amplitude": 0.18},
    {"time": 3, "amplitude": 0.21}, {"time": 4, "amplitude": 0.24}, {"time": 5, "amplitude": 0.28},
    {"time": 6, "amplitude": 0.32}, {"time": 7, "amplitude": 0.36}, {"time": 8, "amplitude": 0.41},
    {"time": 9, "amplitude": 0.45}, {"time": 10, "amplitude": 0.49}, {"time": 11, "amplitude": 0.53},
    {"time": 12, "amplitude": 0.57}, {"time": 13, "amplitude": 0.61}, {"time": 14, "amplitude": 0.65},
    {"time": 15, "amplitude": 0.68}, {"time": 16, "amplitude": 0.71}, {"time": 17, "amplitude": 0.74},
    {"time": 18, "amplitude": 0.76}, {"time": 19, "amplitude": 0.78}, {"time": 20, "amplitude": 0.80},
    {"time": 21, "amplitude": 0.81}, {"time": 22, "amplitude": 0.82}, {"time": 23, "amplitude": 0.83},
    {"time": 24, "amplitude": 0.84}, {"time": 25, "amplitude": 0.85}, {"time": 26, "amplitude": 0.84},
    {"time": 27, "amplitude": 0.83}, {"time": 28, "amplitude": 0.81}, {"time": 29, "amplitude": 0.79},
    {"time": 30, "amplitude": 0.76}, {"time": 31, "amplitude": 0.73}, {"time": 32, "amplitude": 0.70},
    {"time": 33, "amplitude": 0.66}, {"time": 34, "amplitude": 0.62}, {"time": 35, "amplitude": 0.58},
    {"time": 36, "amplitude": 0.54}, {"time": 37, "amplitude": 0.50}, {"time": 38, "amplitude": 0.46},
    {"time": 39, "amplitude": 0.42}, {"time": 40, "amplitude": 0.38}, {"time": 41, "amplitude": 0.34},
    {"time": 42, "amplitude": 0.30}, {"time": 43, "amplitude": 0.27}, {"time": 44, "amplitude": 0.24},
    {"time": 45, "amplitude": 0.21}, {"time": 46, "amplitude": 0.18}, {"time": 47, "amplitude": 0.16},
    {"time": 48, "amplitude": 0.14}, {"time": 49, "amplitude": 0.13}
  ]

title: Vibration Amplitude Monitoring
width: 600
height: 400
marks:
  - type: areaY
    configuration:
      x: time
      y: amplitude
      fill: "#9b59b6"
      fillOpacity: 0.5
      tip: true
  - type: line
    configuration:
      x: time
      y: amplitude
      stroke: "#8e44ad"
      strokeWidth: 2
x:
  label: Time (seconds)
y:
  label: Amplitude (mm/s)
grid: true

System Performance Metrics

CPU Utilization Over Time

Monitoring CPU usage percentage during application load test.

View Source

data:
  source: [
    {"time": 0, "cpu": 12.5}, {"time": 1, "cpu": 15.3}, {"time": 2, "cpu": 18.7}, {"time": 3, "cpu": 22.1},
    {"time": 4, "cpu": 25.8}, {"time": 5, "cpu": 29.2}, {"time": 6, "cpu": 32.6}, {"time": 7, "cpu": 35.9},
    {"time": 8, "cpu": 39.1}, {"time": 9, "cpu": 42.4}, {"time": 10, "cpu": 45.7}, {"time": 11, "cpu": 48.9},
    {"time": 12, "cpu": 52.1}, {"time": 13, "cpu": 55.3}, {"time": 14, "cpu": 58.4}, {"time": 15, "cpu": 61.5},
    {"time": 16, "cpu": 64.5}, {"time": 17, "cpu": 67.4}, {"time": 18, "cpu": 70.2}, {"time": 19, "cpu": 72.9},
    {"time": 20, "cpu": 75.5}, {"time": 21, "cpu": 78.0}, {"time": 22, "cpu": 80.3}, {"time": 23, "cpu": 82.5},
    {"time": 24, "cpu": 84.6}, {"time": 25, "cpu": 86.5}, {"time": 26, "cpu": 88.2}, {"time": 27, "cpu": 89.7},
    {"time": 28, "cpu": 91.0}, {"time": 29, "cpu": 92.1}, {"time": 30, "cpu": 93.0}, {"time": 31, "cpu": 93.7},
    {"time": 32, "cpu": 94.2}, {"time": 33, "cpu": 94.5}, {"time": 34, "cpu": 94.6}, {"time": 35, "cpu": 94.5},
    {"time": 36, "cpu": 94.2}, {"time": 37, "cpu": 93.7}, {"time": 38, "cpu": 93.0}, {"time": 39, "cpu": 92.1},
    {"time": 40, "cpu": 91.0}, {"time": 41, "cpu": 89.7}, {"time": 42, "cpu": 88.2}, {"time": 43, "cpu": 86.5},
    {"time": 44, "cpu": 84.6}, {"time": 45, "cpu": 82.5}, {"time": 46, "cpu": 80.3}, {"time": 47, "cpu": 78.0},
    {"time": 48, "cpu": 75.5}, {"time": 49, "cpu": 72.9}
  ]

title: CPU Utilization During Load Test
width: 600
height: 400
marks:
  - type: line
    configuration:
      x: time
      y: cpu
      stroke: "#3498db"
      strokeWidth: 2.5
      tip: true
  - type: ruleY
    configuration:
      y: 80
      stroke: "#e74c3c"
      strokeWidth: 1
      strokeDasharray: "4,4"
x:
  label: Time (seconds)
y:
  label: CPU Utilization (%)
  domain: [0, 100]
grid: true

Memory Usage Patterns

Memory consumption tracking over application lifecycle.

View Source

data:
  source: [
    {"time": 0, "memory": 245}, {"time": 1, "memory": 268}, {"time": 2, "memory": 291}, {"time": 3, "memory": 314},
    {"time": 4, "memory": 337}, {"time": 5, "memory": 360}, {"time": 6, "memory": 383}, {"time": 7, "memory": 406},
    {"time": 8, "memory": 429}, {"time": 9, "memory": 452}, {"time": 10, "memory": 475}, {"time": 11, "memory": 498},
    {"time": 12, "memory": 521}, {"time": 13, "memory": 544}, {"time": 14, "memory": 567}, {"time": 15, "memory": 590},
    {"time": 16, "memory": 613}, {"time": 17, "memory": 636}, {"time": 18, "memory": 659}, {"time": 19, "memory": 682},
    {"time": 20, "memory": 705}, {"time": 21, "memory": 728}, {"time": 22, "memory": 751}, {"time": 23, "memory": 774},
    {"time": 24, "memory": 797}, {"time": 25, "memory": 820}, {"time": 26, "memory": 843}, {"time": 27, "memory": 866},
    {"time": 28, "memory": 889}, {"time": 29, "memory": 912}, {"time": 30, "memory": 935}, {"time": 31, "memory": 958},
    {"time": 32, "memory": 981}, {"time": 33, "memory": 1004}, {"time": 34, "memory": 1027}, {"time": 35, "memory": 1050},
    {"time": 36, "memory": 1073}, {"time": 37, "memory": 1096}, {"time": 38, "memory": 1119}, {"time": 39, "memory": 1142},
    {"time": 40, "memory": 1165}, {"time": 41, "memory": 1188}, {"time": 42, "memory": 1211}, {"time": 43, "memory": 1234},
    {"time": 44, "memory": 1257}, {"time": 45, "memory": 1280}, {"time": 46, "memory": 1303}, {"time": 47, "memory": 1326},
    {"time": 48, "memory": 1349}, {"time": 49, "memory": 1372}
  ]

title: Memory Usage Over Time
width: 600
height: 400
marks:
  - type: areaY
    configuration:
      x: time
      y: memory
      fill: "#2ecc71"
      fillOpacity: 0.4
      tip: true
  - type: line
    configuration:
      x: time
      y: memory
      stroke: "#27ae60"
      strokeWidth: 2
x:
  label: Time (seconds)
y:
  label: Memory Usage (MB)
grid: true

Throughput Analysis

Comparing system throughput across different configurations.

View Source

data:
  source: [
    {"config": "Config-A", "throughput": 1250}, {"config": "Config-A", "throughput": 1280}, {"config": "Config-A", "throughput": 1235},
    {"config": "Config-A", "throughput": 1265}, {"config": "Config-A", "throughput": 1290}, {"config": "Config-A", "throughput": 1270},
    {"config": "Config-A", "throughput": 1255}, {"config": "Config-A", "throughput": 1275}, {"config": "Config-A", "throughput": 1260},
    {"config": "Config-A", "throughput": 1285},
    {"config": "Config-B", "throughput": 1450}, {"config": "Config-B", "throughput": 1480}, {"config": "Config-B", "throughput": 1435},
    {"config": "Config-B", "throughput": 1465}, {"config": "Config-B", "throughput": 1490}, {"config": "Config-B", "throughput": 1470},
    {"config": "Config-B", "throughput": 1455}, {"config": "Config-B", "throughput": 1475}, {"config": "Config-B", "throughput": 1460},
    {"config": "Config-B", "throughput": 1485},
    {"config": "Config-C", "throughput": 1650}, {"config": "Config-C", "throughput": 1680}, {"config": "Config-C", "throughput": 1635},
    {"config": "Config-C", "throughput": 1665}, {"config": "Config-C", "throughput": 1690}, {"config": "Config-C", "throughput": 1670},
    {"config": "Config-C", "throughput": 1655}, {"config": "Config-C", "throughput": 1675}, {"config": "Config-C", "throughput": 1660},
    {"config": "Config-C", "throughput": 1685},
    {"config": "Config-D", "throughput": 1850}, {"config": "Config-D", "throughput": 1880}, {"config": "Config-D", "throughput": 1835},
    {"config": "Config-D", "throughput": 1865}, {"config": "Config-D", "throughput": 1890}, {"config": "Config-D", "throughput": 1870},
    {"config": "Config-D", "throughput": 1855}, {"config": "Config-D", "throughput": 1875}, {"config": "Config-D", "throughput": 1860},
    {"config": "Config-D", "throughput": 1885},
    {"config": "Config-E", "throughput": 2050}, {"config": "Config-E", "throughput": 2080}, {"config": "Config-E", "throughput": 2035},
    {"config": "Config-E", "throughput": 2065}, {"config": "Config-E", "throughput": 2090}, {"config": "Config-E", "throughput": 2070},
    {"config": "Config-E", "throughput": 2055}, {"config": "Config-E", "throughput": 2075}, {"config": "Config-E", "throughput": 2060},
    {"config": "Config-E", "throughput": 2085}
  ]

title: System Throughput Comparison
width: 600
height: 400
marks:
  - type: boxY
    configuration:
      x: config
      y: throughput
      fill: config
      tip: true
x:
  label: Configuration
y:
  label: Throughput (req/sec)
color:
  legend: true

Load and Stress Testing

Load vs Response Time

Correlation between concurrent users and system response time.

View Source

data:
  source: [
    {"users": 10, "response": 45}, {"users": 15, "response": 48}, {"users": 20, "response": 52},
    {"users": 25, "response": 55}, {"users": 30, "response": 59}, {"users": 35, "response": 63},
    {"users": 40, "response": 68}, {"users": 45, "response": 73}, {"users": 50, "response": 79},
    {"users": 55, "response": 85}, {"users": 60, "response": 92}, {"users": 65, "response": 99},
    {"users": 70, "response": 107}, {"users": 75, "response": 116}, {"users": 80, "response": 125},
    {"users": 85, "response": 135}, {"users": 90, "response": 146}, {"users": 95, "response": 158},
    {"users": 100, "response": 171}, {"users": 105, "response": 185}, {"users": 110, "response": 200},
    {"users": 115, "response": 216}, {"users": 120, "response": 233}, {"users": 125, "response": 251},
    {"users": 130, "response": 270}, {"users": 135, "response": 290}, {"users": 140, "response": 311},
    {"users": 145, "response": 333}, {"users": 150, "response": 356}, {"users": 155, "response": 380},
    {"users": 160, "response": 405}, {"users": 165, "response": 431}, {"users": 170, "response": 458},
    {"users": 175, "response": 486}, {"users": 180, "response": 515}, {"users": 185, "response": 545},
    {"users": 190, "response": 576}, {"users": 195, "response": 608}, {"users": 200, "response": 641},
    {"users": 205, "response": 675}, {"users": 210, "response": 710}, {"users": 215, "response": 746},
    {"users": 220, "response": 783}, {"users": 225, "response": 821}, {"users": 230, "response": 860},
    {"users": 235, "response": 900}, {"users": 240, "response": 941}, {"users": 245, "response": 983},
    {"users": 250, "response": 1026}, {"users": 255, "response": 1070}
  ]

title: Load Test - Response Time vs Concurrent Users
width: 600
height: 400
marks:
  - type: dot
    configuration:
      x: users
      y: response
      fill: "#e67e22"
      r: 4
      tip: true
  - type: line
    configuration:
      x: users
      y: response
      stroke: "#d35400"
      strokeWidth: 1.5
      strokeOpacity: 0.5
x:
  label: Concurrent Users
y:
  label: Response Time (ms)
grid: true

System Degradation Under Load

Monitoring system performance as load increases beyond capacity.

View Source

data:
  source: [
    {"time": 0, "rps": 1000}, {"time": 1, "rps": 1050}, {"time": 2, "rps": 1100}, {"time": 3, "rps": 1150},
    {"time": 4, "rps": 1200}, {"time": 5, "rps": 1250}, {"time": 6, "rps": 1300}, {"time": 7, "rps": 1350},
    {"time": 8, "rps": 1400}, {"time": 9, "rps": 1450}, {"time": 10, "rps": 1500}, {"time": 11, "rps": 1550},
    {"time": 12, "rps": 1600}, {"time": 13, "rps": 1650}, {"time": 14, "rps": 1700}, {"time": 15, "rps": 1750},
    {"time": 16, "rps": 1800}, {"time": 17, "rps": 1850}, {"time": 18, "rps": 1900}, {"time": 19, "rps": 1950},
    {"time": 20, "rps": 2000}, {"time": 21, "rps": 2050}, {"time": 22, "rps": 2100}, {"time": 23, "rps": 2140},
    {"time": 24, "rps": 2170}, {"time": 25, "rps": 2190}, {"time": 26, "rps": 2200}, {"time": 27, "rps": 2195},
    {"time": 28, "rps": 2180}, {"time": 29, "rps": 2155}, {"time": 30, "rps": 2120}, {"time": 31, "rps": 2075},
    {"time": 32, "rps": 2020}, {"time": 33, "rps": 1955}, {"time": 34, "rps": 1880}, {"time": 35, "rps": 1795},
    {"time": 36, "rps": 1700}, {"time": 37, "rps": 1595}, {"time": 38, "rps": 1480}, {"time": 39, "rps": 1355},
    {"time": 40, "rps": 1220}, {"time": 41, "rps": 1075}, {"time": 42, "rps": 920}, {"time": 43, "rps": 755},
    {"time": 44, "rps": 580}, {"time": 45, "rps": 395}, {"time": 46, "rps": 200}, {"time": 47, "rps": 95},
    {"time": 48, "rps": 45}, {"time": 49, "rps": 20}
  ]

title: System Performance Under Increasing Load
width: 600
height: 400
marks:
  - type: areaY
    configuration:
      x: time
      y: rps
      fill: "#e74c3c"
      fillOpacity: 0.3
  - type: line
    configuration:
      x: time
      y: rps
      stroke: "#c0392b"
      strokeWidth: 2.5
      tip: true
x:
  label: Time (seconds)
y:
  label: Requests per Second
grid: true

Quality Control and Manufacturing

Part Tolerance Measurements

Distribution of dimensional measurements for manufactured parts.

View Source

data:
  source: [
    {"diameter": 24.98}, {"diameter": 25.01}, {"diameter": 24.99}, {"diameter": 25.02}, {"diameter": 25.00},
    {"diameter": 24.97}, {"diameter": 25.03}, {"diameter": 25.01}, {"diameter": 24.98}, {"diameter": 25.00},
    {"diameter": 25.02}, {"diameter": 24.99}, {"diameter": 25.01}, {"diameter": 24.97}, {"diameter": 25.04},
    {"diameter": 25.00}, {"diameter": 24.98}, {"diameter": 25.03}, {"diameter": 25.01}, {"diameter": 24.99},
    {"diameter": 25.02}, {"diameter": 25.00}, {"diameter": 24.96}, {"diameter": 25.05}, {"diameter": 25.01},
    {"diameter": 24.98}, {"diameter": 25.03}, {"diameter": 25.00}, {"diameter": 24.99}, {"diameter": 25.02},
    {"diameter": 25.01}, {"diameter": 24.97}, {"diameter": 25.04}, {"diameter": 25.00}, {"diameter": 24.98},
    {"diameter": 25.03}, {"diameter": 25.01}, {"diameter": 24.99}, {"diameter": 25.02}, {"diameter": 25.00},
    {"diameter": 24.96}, {"diameter": 25.05}, {"diameter": 25.01}, {"diameter": 24.98}, {"diameter": 25.03},
    {"diameter": 25.00}, {"diameter": 24.99}, {"diameter": 25.02}, {"diameter": 25.01}, {"diameter": 24.97}
  ]

title: "Part Diameter Tolerance Distribution (Target: 25.00mm ± 0.05mm)"
width: 600
height: 400
marks:
  - type: rectY
    configuration:
      x: diameter
      fill: "#16a085"
      fillOpacity: 0.7
      tip: true
  - type: ruleX
    configuration:
      x: 25.00
      stroke: "#e74c3c"
      strokeWidth: 2
      strokeDasharray: "4,4"
x:
  label: Diameter (mm)
y:
  label: Frequency
grid: true

Production Cycle Times

Cycle time measurements across different production shifts.

View Source

data:
  source: [
    {"shift": "Morning", "cycle_time": 145}, {"shift": "Morning", "cycle_time": 152}, {"shift": "Morning", "cycle_time": 138},
    {"shift": "Morning", "cycle_time": 148}, {"shift": "Morning", "cycle_time": 155}, {"shift": "Morning", "cycle_time": 142},
    {"shift": "Morning", "cycle_time": 149}, {"shift": "Morning", "cycle_time": 151}, {"shift": "Morning", "cycle_time": 146},
    {"shift": "Morning", "cycle_time": 153},
    {"shift": "Afternoon", "cycle_time": 158}, {"shift": "Afternoon", "cycle_time": 165}, {"shift": "Afternoon", "cycle_time": 151},
    {"shift": "Afternoon", "cycle_time": 161}, {"shift": "Afternoon", "cycle_time": 168}, {"shift": "Afternoon", "cycle_time": 155},
    {"shift": "Afternoon", "cycle_time": 162}, {"shift": "Afternoon", "cycle_time": 164}, {"shift": "Afternoon", "cycle_time": 159},
    {"shift": "Afternoon", "cycle_time": 166},
    {"shift": "Night", "cycle_time": 162}, {"shift": "Night", "cycle_time": 169}, {"shift": "Night", "cycle_time": 155},
    {"shift": "Night", "cycle_time": 165}, {"shift": "Night", "cycle_time": 172}, {"shift": "Night", "cycle_time": 159},
    {"shift": "Night", "cycle_time": 166}, {"shift": "Night", "cycle_time": 168}, {"shift": "Night", "cycle_time": 163},
    {"shift": "Night", "cycle_time": 170},
    {"shift": "Weekend", "cycle_time": 152}, {"shift": "Weekend", "cycle_time": 159}, {"shift": "Weekend", "cycle_time": 145},
    {"shift": "Weekend", "cycle_time": 155}, {"shift": "Weekend", "cycle_time": 162}, {"shift": "Weekend", "cycle_time": 149},
    {"shift": "Weekend", "cycle_time": 156}, {"shift": "Weekend", "cycle_time": 158}, {"shift": "Weekend", "cycle_time": 153},
    {"shift": "Weekend", "cycle_time": 160},
    {"shift": "Overtime", "cycle_time": 172}, {"shift": "Overtime", "cycle_time": 179}, {"shift": "Overtime", "cycle_time": 165},
    {"shift": "Overtime", "cycle_time": 175}, {"shift": "Overtime", "cycle_time": 182}, {"shift": "Overtime", "cycle_time": 169},
    {"shift": "Overtime", "cycle_time": 176}, {"shift": "Overtime", "cycle_time": 178}, {"shift": "Overtime", "cycle_time": 173},
    {"shift": "Overtime", "cycle_time": 180}
  ]

title: Production Cycle Time by Shift
width: 600
height: 400
marks:
  - type: boxY
    configuration:
      x: shift
      y: cycle_time
      fill: shift
      tip: true
x:
  label: Shift
y:
  label: Cycle Time (seconds)
color:
  legend: true

Defect Analysis by Category

Defect counts categorized by type during quality inspection.

View Source

data:
  source: [
    {"category": "Surface Finish", "defects": 12}, {"category": "Surface Finish", "defects": 15}, {"category": "Surface Finish", "defects": 11},
    {"category": "Surface Finish", "defects": 14}, {"category": "Surface Finish", "defects": 13}, {"category": "Surface Finish", "defects": 16},
    {"category": "Surface Finish", "defects": 10}, {"category": "Surface Finish", "defects": 15}, {"category": "Surface Finish", "defects": 12},
    {"category": "Surface Finish", "defects": 14},
    {"category": "Dimensional", "defects": 8}, {"category": "Dimensional", "defects": 6}, {"category": "Dimensional", "defects": 9},
    {"category": "Dimensional", "defects": 7}, {"category": "Dimensional", "defects": 5}, {"category": "Dimensional", "defects": 10},
    {"category": "Dimensional", "defects": 8}, {"category": "Dimensional", "defects": 7}, {"category": "Dimensional", "defects": 6},
    {"category": "Dimensional", "defects": 9},
    {"category": "Material", "defects": 3}, {"category": "Material", "defects": 5}, {"category": "Material", "defects": 2},
    {"category": "Material", "defects": 4}, {"category": "Material", "defects": 6}, {"category": "Material", "defects": 3},
    {"category": "Material", "defects": 4}, {"category": "Material", "defects": 5}, {"category": "Material", "defects": 2},
    {"category": "Material", "defects": 3},
    {"category": "Assembly", "defects": 18}, {"category": "Assembly", "defects": 22}, {"category": "Assembly", "defects": 17},
    {"category": "Assembly", "defects": 20}, {"category": "Assembly", "defects": 23}, {"category": "Assembly", "defects": 19},
    {"category": "Assembly", "defects": 21}, {"category": "Assembly", "defects": 18}, {"category": "Assembly", "defects": 20},
    {"category": "Assembly", "defects": 22},
    {"category": "Cosmetic", "defects": 25}, {"category": "Cosmetic", "defects": 28}, {"category": "Cosmetic", "defects": 24},
    {"category": "Cosmetic", "defects": 27}, {"category": "Cosmetic", "defects": 30}, {"category": "Cosmetic", "defects": 26},
    {"category": "Cosmetic", "defects": 29}, {"category": "Cosmetic", "defects": 25}, {"category": "Cosmetic", "defects": 27},
    {"category": "Cosmetic", "defects": 28}
  ]

title: Defect Analysis by Category
width: 600
height: 450
marginBottom: 80
marks:
  - type: barY
    configuration:
      x: category
      y: defects
      fill: category
      tip: true
x:
  label: Defect Category
y:
  label: Defect Count
color:
  legend: true

Signal Processing and Analysis

Frequency Spectrum Analysis

FFT analysis showing frequency components in a signal.

View Source

data:
  source: [
    {"frequency": 10, "amplitude": 0.85}, {"frequency": 20, "amplitude": 0.92}, {"frequency": 30, "amplitude": 0.78},
    {"frequency": 40, "amplitude": 0.65}, {"frequency": 50, "amplitude": 3.45}, {"frequency": 60, "amplitude": 0.55},
    {"frequency": 70, "amplitude": 0.48}, {"frequency": 80, "amplitude": 0.42}, {"frequency": 90, "amplitude": 0.38},
    {"frequency": 100, "amplitude": 0.35}, {"frequency": 110, "amplitude": 0.32}, {"frequency": 120, "amplitude": 2.85},
    {"frequency": 130, "amplitude": 0.28}, {"frequency": 140, "amplitude": 0.25}, {"frequency": 150, "amplitude": 0.23},
    {"frequency": 160, "amplitude": 0.22}, {"frequency": 170, "amplitude": 0.20}, {"frequency": 180, "amplitude": 1.95},
    {"frequency": 190, "amplitude": 0.18}, {"frequency": 200, "amplitude": 0.17}, {"frequency": 210, "amplitude": 0.16},
    {"frequency": 220, "amplitude": 0.15}, {"frequency": 230, "amplitude": 0.14}, {"frequency": 240, "amplitude": 1.52},
    {"frequency": 250, "amplitude": 0.13}, {"frequency": 260, "amplitude": 0.12}, {"frequency": 270, "amplitude": 0.11},
    {"frequency": 280, "amplitude": 0.11}, {"frequency": 290, "amplitude": 0.10}, {"frequency": 300, "amplitude": 0.10},
    {"frequency": 310, "amplitude": 0.09}, {"frequency": 320, "amplitude": 0.09}, {"frequency": 330, "amplitude": 0.08},
    {"frequency": 340, "amplitude": 0.08}, {"frequency": 350, "amplitude": 0.08}, {"frequency": 360, "amplitude": 0.95},
    {"frequency": 370, "amplitude": 0.07}, {"frequency": 380, "amplitude": 0.07}, {"frequency": 390, "amplitude": 0.07},
    {"frequency": 400, "amplitude": 0.06}, {"frequency": 410, "amplitude": 0.06}, {"frequency": 420, "amplitude": 0.06},
    {"frequency": 430, "amplitude": 0.06}, {"frequency": 440, "amplitude": 0.06}, {"frequency": 450, "amplitude": 0.05},
    {"frequency": 460, "amplitude": 0.05}, {"frequency": 470, "amplitude": 0.05}, {"frequency": 480, "amplitude": 0.05},
    {"frequency": 490, "amplitude": 0.05}, {"frequency": 500, "amplitude": 0.05}
  ]

title: Frequency Spectrum Analysis
width: 1000
height: 400
marks:
  - type: barY
    configuration:
      x: frequency
      y: amplitude
      fill: "#9b59b6"
      tip: true
x:
  label: Frequency (Hz)
y:
  label: Amplitude (dB)
grid: true

Waveform Signal Analysis

Time-domain signal analysis showing voltage variations.

View Source

data:
  source: [
    {"time": 0, "voltage": 0.00}, {"time": 1, "voltage": 0.95}, {"time": 2, "voltage": 1.81}, {"time": 3, "voltage": 2.55},
    {"time": 4, "voltage": 3.09}, {"time": 5, "voltage": 3.45}, {"time": 6, "voltage": 3.59}, {"time": 7, "voltage": 3.45},
    {"time": 8, "voltage": 3.09}, {"time": 9, "voltage": 2.55}, {"time": 10, "voltage": 1.81}, {"time": 11, "voltage": 0.95},
    {"time": 12, "voltage": 0.00}, {"time": 13, "voltage": -0.95}, {"time": 14, "voltage": -1.81}, {"time": 15, "voltage": -2.55},
    {"time": 16, "voltage": -3.09}, {"time": 17, "voltage": -3.45}, {"time": 18, "voltage": -3.59}, {"time": 19, "voltage": -3.45},
    {"time": 20, "voltage": -3.09}, {"time": 21, "voltage": -2.55}, {"time": 22, "voltage": -1.81}, {"time": 23, "voltage": -0.95},
    {"time": 24, "voltage": 0.00}, {"time": 25, "voltage": 0.95}, {"time": 26, "voltage": 1.81}, {"time": 27, "voltage": 2.55},
    {"time": 28, "voltage": 3.09}, {"time": 29, "voltage": 3.45}, {"time": 30, "voltage": 3.59}, {"time": 31, "voltage": 3.45},
    {"time": 32, "voltage": 3.09}, {"time": 33, "voltage": 2.55}, {"time": 34, "voltage": 1.81}, {"time": 35, "voltage": 0.95},
    {"time": 36, "voltage": 0.00}, {"time": 37, "voltage": -0.95}, {"time": 38, "voltage": -1.81}, {"time": 39, "voltage": -2.55},
    {"time": 40, "voltage": -3.09}, {"time": 41, "voltage": -3.45}, {"time": 42, "voltage": -3.59}, {"time": 43, "voltage": -3.45},
    {"time": 44, "voltage": -3.09}, {"time": 45, "voltage": -2.55}, {"time": 46, "voltage": -1.81}, {"time": 47, "voltage": -0.95},
    {"time": 48, "voltage": 0.00}, {"time": 49, "voltage": 0.95}
  ]

title: Waveform Signal Analysis
width: 600
height: 400
marks:
  - type: line
    configuration:
      x: time
      y: voltage
      stroke: "#3498db"
      strokeWidth: 2
      tip: true
  - type: ruleY
    configuration:
      y: 0
      stroke: "#95a5a6"
      strokeWidth: 1
x:
  label: Time (ms)
y:
  label: Voltage (V)
grid: true

Network Performance

Network Latency Distribution

Distribution of network round-trip times during performance testing.

View Source

data:
  source: [
    {"latency": 12.5}, {"latency": 15.3}, {"latency": 18.7}, {"latency": 14.2}, {"latency": 16.8},
    {"latency": 13.9}, {"latency": 17.4}, {"latency": 19.2}, {"latency": 15.6}, {"latency": 14.1},
    {"latency": 16.3}, {"latency": 18.9}, {"latency": 13.2}, {"latency": 17.8}, {"latency": 15.4},
    {"latency": 19.6}, {"latency": 14.7}, {"latency": 16.1}, {"latency": 18.3}, {"latency": 13.8},
    {"latency": 15.9}, {"latency": 17.2}, {"latency": 19.8}, {"latency": 14.5}, {"latency": 16.7},
    {"latency": 18.1}, {"latency": 13.4}, {"latency": 15.8}, {"latency": 17.6}, {"latency": 19.4},
    {"latency": 14.3}, {"latency": 16.5}, {"latency": 18.5}, {"latency": 13.6}, {"latency": 15.2},
    {"latency": 17.9}, {"latency": 19.1}, {"latency": 14.8}, {"latency": 16.4}, {"latency": 18.2},
    {"latency": 13.7}, {"latency": 15.5}, {"latency": 17.3}, {"latency": 19.5}, {"latency": 14.9},
    {"latency": 16.2}, {"latency": 18.6}, {"latency": 13.5}, {"latency": 15.7}, {"latency": 17.1}
  ]

title: Network Latency Distribution
subtitle: some subtitle topic goes here
width: 600
height: 400
marks:
  - type: rectY
    configuration:
      x: latency
      fill: "#3498db"
      fillOpacity: 0.7
      tip: true
x:
  label: Latency (ms)
y:
  label: Frequency
grid: true

Bandwidth Utilization Over Time

Network bandwidth consumption during peak hours.

View Source

data:
  source: [
    {"time": 0, "bandwidth": 125}, {"time": 1, "bandwidth": 142}, {"time": 2, "bandwidth": 158},
    {"time": 3, "bandwidth": 175}, {"time": 4, "bandwidth": 192}, {"time": 5, "bandwidth": 208},
    {"time": 6, "bandwidth": 225}, {"time": 7, "bandwidth": 242}, {"time": 8, "bandwidth": 258},
    {"time": 9, "bandwidth": 275}, {"time": 10, "bandwidth": 292}, {"time": 11, "bandwidth": 308},
    {"time": 12, "bandwidth": 325}, {"time": 13, "bandwidth": 342}, {"time": 14, "bandwidth": 358},
    {"time": 15, "bandwidth": 375}, {"time": 16, "bandwidth": 392}, {"time": 17, "bandwidth": 408},
    {"time": 18, "bandwidth": 425}, {"time": 19, "bandwidth": 442}, {"time": 20, "bandwidth": 458},
    {"time": 21, "bandwidth": 475}, {"time": 22, "bandwidth": 492}, {"time": 23, "bandwidth": 508},
    {"time": 24, "bandwidth": 525}, {"time": 25, "bandwidth": 542}, {"time": 26, "bandwidth": 558},
    {"time": 27, "bandwidth": 575}, {"time": 28, "bandwidth": 592}, {"time": 29, "bandwidth": 608},
    {"time": 30, "bandwidth": 625}, {"time": 31, "bandwidth": 642}, {"time": 32, "bandwidth": 658},
    {"time": 33, "bandwidth": 675}, {"time": 34, "bandwidth": 692}, {"time": 35, "bandwidth": 708},
    {"time": 36, "bandwidth": 725}, {"time": 37, "bandwidth": 742}, {"time": 38, "bandwidth": 758},
    {"time": 39, "bandwidth": 775}, {"time": 40, "bandwidth": 792}, {"time": 41, "bandwidth": 808},
    {"time": 42, "bandwidth": 825}, {"time": 43, "bandwidth": 842}, {"time": 44, "bandwidth": 858},
    {"time": 45, "bandwidth": 875}, {"time": 46, "bandwidth": 892}, {"time": 47, "bandwidth": 908},
    {"time": 48, "bandwidth": 925}, {"time": 49, "bandwidth": 942}
  ]

title: Network Bandwidth Utilization
width: 600
height: 400
marks:
  - type: areaY
    configuration:
      x: time
      y: bandwidth
      fill: "#2ecc71"
      fillOpacity: 0.5
      tip: true
  - type: line
    configuration:
      x: time
      y: bandwidth
      stroke: "#27ae60"
      strokeWidth: 2
x:
  label: Time (minutes)
y:
  label: Bandwidth (Mbps)
grid: true

Packet Loss vs Network Load

Correlation between network load and packet loss rate.

View Source

data:
  source: [
    {"load": 10, "loss": 0.05}, {"load": 15, "loss": 0.06}, {"load": 20, "loss": 0.08},
    {"load": 25, "loss": 0.10}, {"load": 30, "loss": 0.12}, {"load": 35, "loss": 0.15},
    {"load": 40, "loss": 0.18}, {"load": 45, "loss": 0.22}, {"load": 50, "loss": 0.27},
    {"load": 55, "loss": 0.33}, {"load": 60, "loss": 0.40}, {"load": 65, "loss": 0.48},
    {"load": 70, "loss": 0.58}, {"load": 75, "loss": 0.70}, {"load": 80, "loss": 0.84},
    {"load": 85, "loss": 1.01}, {"load": 90, "loss": 1.21}, {"load": 95, "loss": 1.45},
    {"load": 100, "loss": 1.73}, {"load": 105, "loss": 2.06}, {"load": 110, "loss": 2.45},
    {"load": 115, "loss": 2.91}, {"load": 120, "loss": 3.44}, {"load": 125, "loss": 4.06},
    {"load": 130, "loss": 4.78}, {"load": 135, "loss": 5.61}, {"load": 140, "loss": 6.57},
    {"load": 145, "loss": 7.67}, {"load": 150, "loss": 8.94}, {"load": 155, "loss": 10.40},
    {"load": 160, "loss": 12.07}, {"load": 165, "loss": 13.99}, {"load": 170, "loss": 16.19},
    {"load": 175, "loss": 18.71}, {"load": 180, "loss": 21.59}, {"load": 185, "loss": 24.88},
    {"load": 190, "loss": 28.63}, {"load": 195, "loss": 32.91}, {"load": 200, "loss": 37.79},
    {"load": 205, "loss": 43.36}, {"load": 210, "loss": 49.72}, {"load": 215, "loss": 56.98},
    {"load": 220, "loss": 65.27}, {"load": 225, "loss": 74.74}, {"load": 230, "loss": 85.56},
    {"load": 235, "loss": 97.92}, {"load": 240, "loss": 112.06}, {"load": 245, "loss": 128.24},
    {"load": 250, "loss": 146.77}, {"load": 255, "loss": 167.99}
  ]

title: Packet Loss vs Network Load
width: 600
height: 400
marks:
  - type: dot
    configuration:
      x: load
      y: loss
      fill: "#e74c3c"
      r: 4
      tip: true
  - type: line
    configuration:
      x: load
      y: loss
      stroke: "#c0392b"
      strokeWidth: 1.5
      strokeOpacity: 0.5
x:
  label: Network Load (%)
y:
  label: Packet Loss (%)
grid: true

Energy and Power Analysis

Power Consumption Patterns

Power draw monitoring during different operational modes.

View Source

data:
  source: [
    {"time": 0, "power": 45.2}, {"time": 1, "power": 47.8}, {"time": 2, "power": 50.3},
    {"time": 3, "power": 52.9}, {"time": 4, "power": 55.4}, {"time": 5, "power": 58.0},
    {"time": 6, "power": 60.5}, {"time": 7, "power": 63.1}, {"time": 8, "power": 65.6},
    {"time": 9, "power": 68.2}, {"time": 10, "power": 125.7}, {"time": 11, "power": 128.3},
    {"time": 12, "power": 130.8}, {"time": 13, "power": 133.4}, {"time": 14, "power": 135.9},
    {"time": 15, "power": 138.5}, {"time": 16, "power": 141.0}, {"time": 17, "power": 143.6},
    {"time": 18, "power": 146.1}, {"time": 19, "power": 148.7}, {"time": 20, "power": 215.2},
    {"time": 21, "power": 217.8}, {"time": 22, "power": 220.3}, {"time": 23, "power": 222.9},
    {"time": 24, "power": 225.4}, {"time": 25, "power": 228.0}, {"time": 26, "power": 230.5},
    {"time": 27, "power": 233.1}, {"time": 28, "power": 235.6}, {"time": 29, "power": 238.2},
    {"time": 30, "power": 240.7}, {"time": 31, "power": 243.3}, {"time": 32, "power": 245.8},
    {"time": 33, "power": 248.4}, {"time": 34, "power": 250.9}, {"time": 35, "power": 253.5},
    {"time": 36, "power": 256.0}, {"time": 37, "power": 258.6}, {"time": 38, "power": 261.1},
    {"time": 39, "power": 263.7}, {"time": 40, "power": 155.2}, {"time": 41, "power": 152.6},
    {"time": 42, "power": 150.1}, {"time": 43, "power": 147.5}, {"time": 44, "power": 145.0},
    {"time": 45, "power": 142.4}, {"time": 46, "power": 139.9}, {"time": 47, "power": 137.3},
    {"time": 48, "power": 134.8}, {"time": 49, "power": 132.2}
  ]

title: Power Consumption During Operation Cycles
width: 600
height: 400
marks:
  - type: areaY
    configuration:
      x: time
      y: power
      fill: "#f39c12"
      fillOpacity: 0.3
  - type: line
    configuration:
      x: time
      y: power
      stroke: "#e67e22"
      strokeWidth: 2.5
      tip: true
x:
  label: Time (seconds)
y:
  label: Power (Watts)
grid: true

Energy Efficiency Comparison

Comparing energy consumption across different operating modes.

View Source

data:
  source: [
    {"mode": "Idle", "energy": 12.5}, {"mode": "Idle", "energy": 13.2}, {"mode": "Idle", "energy": 11.8},
    {"mode": "Idle", "energy": 12.9}, {"mode": "Idle", "energy": 13.5}, {"mode": "Idle", "energy": 12.1},
    {"mode": "Idle", "energy": 13.8}, {"mode": "Idle", "energy": 12.6}, {"mode": "Idle", "energy": 13.3},
    {"mode": "Idle", "energy": 12.4},
    {"mode": "Low", "energy": 45.2}, {"mode": "Low", "energy": 47.8}, {"mode": "Low", "energy": 43.6},
    {"mode": "Low", "energy": 46.5}, {"mode": "Low", "energy": 48.9}, {"mode": "Low", "energy": 44.3},
    {"mode": "Low", "energy": 47.1}, {"mode": "Low", "energy": 45.8}, {"mode": "Low", "energy": 46.9},
    {"mode": "Low", "energy": 44.7},
    {"mode": "Medium", "energy": 125.3}, {"mode": "Medium", "energy": 128.7}, {"mode": "Medium", "energy": 122.9},
    {"mode": "Medium", "energy": 126.8}, {"mode": "Medium", "energy": 130.2}, {"mode": "Medium", "energy": 124.1},
    {"mode": "Medium", "energy": 127.5}, {"mode": "Medium", "energy": 125.9}, {"mode": "Medium", "energy": 128.1},
    {"mode": "Medium", "energy": 123.6},
    {"mode": "High", "energy": 215.4}, {"mode": "High", "energy": 218.9}, {"mode": "High", "energy": 212.7},
    {"mode": "High", "energy": 216.3}, {"mode": "High", "energy": 220.5}, {"mode": "High", "energy": 214.8},
    {"mode": "High", "energy": 217.6}, {"mode": "High", "energy": 215.1}, {"mode": "High", "energy": 219.2},
    {"mode": "High", "energy": 213.9},
    {"mode": "Peak", "energy": 285.6}, {"mode": "Peak", "energy": 289.3}, {"mode": "Peak", "energy": 282.8},
    {"mode": "Peak", "energy": 287.1}, {"mode": "Peak", "energy": 291.7}, {"mode": "Peak", "energy": 284.5},
    {"mode": "Peak", "energy": 288.4}, {"mode": "Peak", "energy": 286.2}, {"mode": "Peak", "energy": 290.1},
    {"mode": "Peak", "energy": 283.9}
  ]

title: Energy Consumption by Operating Mode
width: 600
height: 400
marks:
  - type: boxY
    configuration:
      x: mode
      y: energy
      fill: mode
      tip: true
x:
  label: Operating Mode
y:
  label: Energy Consumption (kWh)
color:
  legend: true

Material Properties Testing

Stress-Strain Curve

Material behavior under tensile testing showing elastic and plastic regions.

View Source

data:
  source: [
    {"strain": 0.000, "stress": 0}, {"strain": 0.001, "stress": 200}, {"strain": 0.002, "stress": 400},
    {"strain": 0.003, "stress": 600}, {"strain": 0.004, "stress": 800}, {"strain": 0.005, "stress": 1000},
    {"strain": 0.006, "stress": 1200}, {"strain": 0.007, "stress": 1400}, {"strain": 0.008, "stress": 1600},
    {"strain": 0.009, "stress": 1800}, {"strain": 0.010, "stress": 2000}, {"strain": 0.011, "stress": 2200},
    {"strain": 0.012, "stress": 2400}, {"strain": 0.013, "stress": 2600}, {"strain": 0.014, "stress": 2750},
    {"strain": 0.015, "stress": 2850}, {"strain": 0.016, "stress": 2950}, {"strain": 0.017, "stress": 3025},
    {"strain": 0.018, "stress": 3100}, {"strain": 0.019, "stress": 3150}, {"strain": 0.020, "stress": 3200},
    {"strain": 0.021, "stress": 3235}, {"strain": 0.022, "stress": 3268}, {"strain": 0.023, "stress": 3295},
    {"strain": 0.024, "stress": 3318}, {"strain": 0.025, "stress": 3338}, {"strain": 0.026, "stress": 3355},
    {"strain": 0.027, "stress": 3370}, {"strain": 0.028, "stress": 3383}, {"strain": 0.029, "stress": 3394},
    {"strain": 0.030, "stress": 3403}, {"strain": 0.032, "stress": 3418}, {"strain": 0.034, "stress": 3430},
    {"strain": 0.036, "stress": 3440}, {"strain": 0.038, "stress": 3448}, {"strain": 0.040, "stress": 3455},
    {"strain": 0.042, "stress": 3461}, {"strain": 0.044, "stress": 3466}, {"strain": 0.046, "stress": 3470},
    {"strain": 0.048, "stress": 3473}, {"strain": 0.050, "stress": 3475}, {"strain": 0.055, "stress": 3480},
    {"strain": 0.060, "stress": 3483}, {"strain": 0.065, "stress": 3485}, {"strain": 0.070, "stress": 3486},
    {"strain": 0.075, "stress": 3486}, {"strain": 0.080, "stress": 3485}, {"strain": 0.085, "stress": 3483},
    {"strain": 0.090, "stress": 3480}, {"strain": 0.095, "stress": 3476}, {"strain": 0.100, "stress": 3470}
  ]

title: Stress-Strain Curve - Steel Sample
width: 1200
height: 400
marks:
  - type: line
    configuration:
      x: strain
      y: stress
      stroke: "#34495e"
      strokeWidth: 1.5
      tip: true
  - type: dot
    configuration:
      x: strain
      y: stress
      fill: "#2c3e50"
      r: 2
x:
  label: Strain (mm/mm)
y:
  label: Stress (MPa)
grid: true

Hardness Test Distribution

Rockwell hardness measurements across material samples.

View Source

data:
  source: [
    {"hardness": 58.2}, {"hardness": 59.1}, {"hardness": 58.7}, {"hardness": 59.5}, {"hardness": 58.9},
    {"hardness": 59.3}, {"hardness": 58.5}, {"hardness": 59.8}, {"hardness": 59.0}, {"hardness": 58.8},
    {"hardness": 59.4}, {"hardness": 58.6}, {"hardness": 59.2}, {"hardness": 58.3}, {"hardness": 59.6},
    {"hardness": 59.1}, {"hardness": 58.9}, {"hardness": 59.7}, {"hardness": 58.4}, {"hardness": 59.4},
    {"hardness": 58.7}, {"hardness": 59.0}, {"hardness": 59.5}, {"hardness": 58.8}, {"hardness": 59.2},
    {"hardness": 58.5}, {"hardness": 59.9}, {"hardness": 59.3}, {"hardness": 58.6}, {"hardness": 59.1},
    {"hardness": 58.9}, {"hardness": 59.6}, {"hardness": 58.2}, {"hardness": 59.4}, {"hardness": 59.0},
    {"hardness": 58.7}, {"hardness": 59.8}, {"hardness": 58.4}, {"hardness": 59.2}, {"hardness": 59.5},
    {"hardness": 58.8}, {"hardness": 59.3}, {"hardness": 58.6}, {"hardness": 59.1}, {"hardness": 59.7},
    {"hardness": 58.5}, {"hardness": 59.4}, {"hardness": 58.9}, {"hardness": 59.0}, {"hardness": 58.3}
  ]

title: Hardness Distribution - HRC Scale
width: 600
height: 400
marks:
  - type: rectY
    configuration:
      x: hardness
      fill: "#95a5a6"
      fillOpacity: 0.7
      tip: true
  - type: ruleX
    configuration:
      x: 59.0
      stroke: "#e74c3c"
      strokeWidth: 2
      strokeDasharray: "4,4"
x:
  label: Hardness (HRC)
y:
  label: Frequency
grid: true

Statistical Distributions

Process Capability Analysis

Distribution of measurements showing process capability with specification limits.

View Source

data:
  source: [
    {"measurement": 49.85}, {"measurement": 49.92}, {"measurement": 49.88}, {"measurement": 50.05}, {"measurement": 50.01},
    {"measurement": 49.96}, {"measurement": 50.12}, {"measurement": 50.03}, {"measurement": 49.89}, {"measurement": 50.08},
    {"measurement": 49.94}, {"measurement": 50.15}, {"measurement": 49.87}, {"measurement": 50.02}, {"measurement": 49.98},
    {"measurement": 50.09}, {"measurement": 49.91}, {"measurement": 50.06}, {"measurement": 49.83}, {"measurement": 50.11},
    {"measurement": 49.97}, {"measurement": 50.04}, {"measurement": 49.93}, {"measurement": 50.07}, {"measurement": 49.86},
    {"measurement": 50.13}, {"measurement": 50.00}, {"measurement": 49.95}, {"measurement": 50.10}, {"measurement": 49.90},
    {"measurement": 50.14}, {"measurement": 49.99}, {"measurement": 50.05}, {"measurement": 49.84}, {"measurement": 50.08},
    {"measurement": 49.92}, {"measurement": 50.03}, {"measurement": 49.88}, {"measurement": 50.11}, {"measurement": 49.96},
    {"measurement": 50.06}, {"measurement": 49.94}, {"measurement": 50.09}, {"measurement": 49.87}, {"measurement": 50.12},
    {"measurement": 49.98}, {"measurement": 50.01}, {"measurement": 49.91}, {"measurement": 50.07}, {"measurement": 49.85}
  ]

title: "Process Capability Analysis (USL: 50.20, LSL: 49.80)"
width: 600
height: 400
marks:
  - type: rectY
    configuration:
      x: measurement
      fill: "#3498db"
      fillOpacity: 0.6
      tip: true
  - type: ruleX
    configuration:
      x: 50.00
      stroke: "#27ae60"
      strokeWidth: 2
  - type: ruleX
    configuration:
      x: 49.80
      stroke: "#e74c3c"
      strokeWidth: 2
      strokeDasharray: "4,4"
  - type: ruleX
    configuration:
      x: 50.20
      stroke: "#e74c3c"
      strokeWidth: 2
      strokeDasharray: "4,4"
x:
  label: Measurement (mm)
y:
  label: Frequency
grid: true

Multi-Batch Quality Comparison

Box plot comparing quality metrics across different production batches.

View Source

data:
  source: [
    {"batch": "Batch-A", "quality": 92.5}, {"batch": "Batch-A", "quality": 94.2}, {"batch": "Batch-A", "quality": 91.8},
    {"batch": "Batch-A", "quality": 93.6}, {"batch": "Batch-A", "quality": 95.1}, {"batch": "Batch-A", "quality": 92.9},
    {"batch": "Batch-A", "quality": 94.7}, {"batch": "Batch-A", "quality": 93.3}, {"batch": "Batch-A", "quality": 92.1},
    {"batch": "Batch-A", "quality": 94.5},
    {"batch": "Batch-B", "quality": 88.3}, {"batch": "Batch-B", "quality": 90.1}, {"batch": "Batch-B", "quality": 87.5},
    {"batch": "Batch-B", "quality": 89.4}, {"batch": "Batch-B", "quality": 91.2}, {"batch": "Batch-B", "quality": 88.8},
    {"batch": "Batch-B", "quality": 90.6}, {"batch": "Batch-B", "quality": 89.0}, {"batch": "Batch-B", "quality": 87.9},
    {"batch": "Batch-B", "quality": 90.3},
    {"batch": "Batch-C", "quality": 95.2}, {"batch": "Batch-C", "quality": 96.8}, {"batch": "Batch-C", "quality": 94.6},
    {"batch": "Batch-C", "quality": 96.1}, {"batch": "Batch-C", "quality": 97.5}, {"batch": "Batch-C", "quality": 95.7},
    {"batch": "Batch-C", "quality": 96.9}, {"batch": "Batch-C", "quality": 96.3}, {"batch": "Batch-C", "quality": 95.0},
    {"batch": "Batch-C", "quality": 97.1},
    {"batch": "Batch-D", "quality": 85.7}, {"batch": "Batch-D", "quality": 87.4}, {"batch": "Batch-D", "quality": 84.9},
    {"batch": "Batch-D", "quality": 86.8}, {"batch": "Batch-D", "quality": 88.5}, {"batch": "Batch-D", "quality": 86.2},
    {"batch": "Batch-D", "quality": 87.9}, {"batch": "Batch-D", "quality": 86.5}, {"batch": "Batch-D", "quality": 85.3},
    {"batch": "Batch-D", "quality": 88.1},
    {"batch": "Batch-E", "quality": 91.3}, {"batch": "Batch-E", "quality": 92.9}, {"batch": "Batch-E", "quality": 90.5},
    {"batch": "Batch-E", "quality": 92.2}, {"batch": "Batch-E", "quality": 93.8}, {"batch": "Batch-E", "quality": 91.7},
    {"batch": "Batch-E", "quality": 93.1}, {"batch": "Batch-E", "quality": 92.4}, {"batch": "Batch-E", "quality": 90.9},
    {"batch": "Batch-E", "quality": 93.5}
  ]

title: Quality Score Comparison Across Batches
width: 600
height: 400
marks:
  - type: boxY
    configuration:
      x: batch
      y: quality
      fill: batch
      tip: true
x:
  label: Production Batch
y:
  label: Quality Score (%)
color:
  legend: true

Multi-dimensional Analysis

Parameter Correlation Heatmap

Correlation matrix showing relationships between engineering parameters.

View Source

data:
  source: [
    {"param1": "Temperature", "param2": "Temperature", "correlation": 1.00},
    {"param1": "Temperature", "param2": "Pressure", "correlation": 0.85},
    {"param1": "Temperature", "param2": "Flow Rate", "correlation": 0.72},
    {"param1": "Temperature", "param2": "Density", "correlation": -0.68},
    {"param1": "Temperature", "param2": "Viscosity", "correlation": -0.82},
    {"param1": "Pressure", "param2": "Temperature", "correlation": 0.85},
    {"param1": "Pressure", "param2": "Pressure", "correlation": 1.00},
    {"param1": "Pressure", "param2": "Flow Rate", "correlation": 0.78},
    {"param1": "Pressure", "param2": "Density", "correlation": 0.91},
    {"param1": "Pressure", "param2": "Viscosity", "correlation": -0.45},
    {"param1": "Flow Rate", "param2": "Temperature", "correlation": 0.72},
    {"param1": "Flow Rate", "param2": "Pressure", "correlation": 0.78},
    {"param1": "Flow Rate", "param2": "Flow Rate", "correlation": 1.00},
    {"param1": "Flow Rate", "param2": "Density", "correlation": 0.55},
    {"param1": "Flow Rate", "param2": "Viscosity", "correlation": -0.63},
    {"param1": "Density", "param2": "Temperature", "correlation": -0.68},
    {"param1": "Density", "param2": "Pressure", "correlation": 0.91},
    {"param1": "Density", "param2": "Flow Rate", "correlation": 0.55},
    {"param1": "Density", "param2": "Density", "correlation": 1.00},
    {"param1": "Density", "param2": "Viscosity", "correlation": -0.38},
    {"param1": "Viscosity", "param2": "Temperature", "correlation": -0.82},
    {"param1": "Viscosity", "param2": "Pressure", "correlation": -0.45},
    {"param1": "Viscosity", "param2": "Flow Rate", "correlation": -0.63},
    {"param1": "Viscosity", "param2": "Density", "correlation": -0.38},
    {"param1": "Viscosity", "param2": "Viscosity", "correlation": 1.00},
    {"param1": "Efficiency", "param2": "Temperature", "correlation": 0.65},
    {"param1": "Efficiency", "param2": "Pressure", "correlation": 0.58},
    {"param1": "Efficiency", "param2": "Flow Rate", "correlation": 0.82},
    {"param1": "Efficiency", "param2": "Density", "correlation": 0.42},
    {"param1": "Efficiency", "param2": "Viscosity", "correlation": -0.55},
    {"param1": "Temperature", "param2": "Efficiency", "correlation": 0.65},
    {"param1": "Pressure", "param2": "Efficiency", "correlation": 0.58},
    {"param1": "Flow Rate", "param2": "Efficiency", "correlation": 0.82},
    {"param1": "Density", "param2": "Efficiency", "correlation": 0.42},
    {"param1": "Viscosity", "param2": "Efficiency", "correlation": -0.55},
    {"param1": "Efficiency", "param2": "Efficiency", "correlation": 1.00},
    {"param1": "Power", "param2": "Temperature", "correlation": 0.88},
    {"param1": "Power", "param2": "Pressure", "correlation": 0.92},
    {"param1": "Power", "param2": "Flow Rate", "correlation": 0.75},
    {"param1": "Power", "param2": "Density", "correlation": 0.68},
    {"param1": "Power", "param2": "Viscosity", "correlation": -0.52},
    {"param1": "Power", "param2": "Efficiency", "correlation": 0.71},
    {"param1": "Temperature", "param2": "Power", "correlation": 0.88},
    {"param1": "Pressure", "param2": "Power", "correlation": 0.92},
    {"param1": "Flow Rate", "param2": "Power", "correlation": 0.75},
    {"param1": "Density", "param2": "Power", "correlation": 0.68},
    {"param1": "Viscosity", "param2": "Power", "correlation": -0.52},
    {"param1": "Efficiency", "param2": "Power", "correlation": 0.71},
    {"param1": "Power", "param2": "Power", "correlation": 1.00}
  ]

title: Engineering Parameter Correlation Matrix
width: 600
height: 500
color:
  scheme: RdBu
  domain: [-1, 1]
marks:
  - type: cell
    configuration:
      x: param1
      y: param2
      fill: correlation
      tip: true
x:
  label: Parameter
y:
  label: Parameter
marginLeft: 100
marginBottom: 100

Usage Notes

Data Format Requirements

All examples use inline JSON data with the source: prefix. The data must be:

Valid JSON array format
Consistent property names across all objects
Appropriate data types (numbers for numeric values, strings for categories)

Modifying Examples

To adapt these examples for your own data:

Replace the source: array with your own data
Update x, y, and color properties to match your column names
Adjust title and axis labels to describe your data
Modify width and height if needed (standard: 600×400)

Chart Type Selection

Choose the appropriate chart type based on your data:

Line charts: Time series, trends, continuous data
Bar charts: Categorical comparisons, discrete data
Scatter plots: Correlations, relationships between variables
Histograms: Distributions, frequency analysis
Box plots: Statistical summaries, comparing groups
Area charts: Cumulative values, emphasis on magnitude
Heatmaps: Multi-dimensional data, correlations

All examples include tip: true in the marks configuration for interactive tooltips. Tooltips display:

Data point values
Category labels
Relevant context based on chart type

Axis Scaling

For optimal visualization:

Numeric axes auto-scale by default
Use domain: [min, max] to set explicit ranges
Consider log scales for data spanning multiple orders of magnitude
Add reference lines with ruleY or ruleX marks for thresholds

Color Schemes

Common color schemes used:

Sequential: Single hue progression (Blues, Greens, Oranges)
Diverging: Bi-directional from center (RdBu, PiYG)
Categorical: Distinct colors for groups (category10)
Custom: Specify hex colors directly

Performance Optimization

For large datasets:

Consider data aggregation or sampling
Use simpler mark types (dots vs complex shapes)
Limit the number of marks rendered
Use the Observable Plot engine for better performance

Grid Lines

Add grid lines for easier reading:

yaml

grid: true

This adds horizontal and vertical reference lines aligned with axis ticks.

Margins

Adjust margins for axis labels:

yaml

marginLeft: 100   # For long y-axis labels
marginBottom: 80  # For rotated x-axis labels
marginTop: 40     # For titles
marginRight: 50   # For legends

Generated for obsidian-d3 plugin - Engineering Visualization Examples

Engineering Visualization Examples ​

Table of Contents ​

Sensor Monitoring and Telemetry ​

Temperature Sensor Readings ​

Multi-Sensor Pressure Monitoring ​

Vibration Amplitude Monitoring ​

System Performance Metrics ​

CPU Utilization Over Time ​

Memory Usage Patterns ​

Throughput Analysis ​

Load and Stress Testing ​

Load vs Response Time ​

System Degradation Under Load ​

Quality Control and Manufacturing ​

Part Tolerance Measurements ​

Production Cycle Times ​

Defect Analysis by Category ​

Signal Processing and Analysis ​

Frequency Spectrum Analysis ​

Waveform Signal Analysis ​

Network Performance ​

Network Latency Distribution ​

Bandwidth Utilization Over Time ​

Packet Loss vs Network Load ​

Energy and Power Analysis ​

Power Consumption Patterns ​

Energy Efficiency Comparison ​

Material Properties Testing ​

Stress-Strain Curve ​

Hardness Test Distribution ​

Statistical Distributions ​

Process Capability Analysis ​

Multi-Batch Quality Comparison ​

Multi-dimensional Analysis ​

Parameter Correlation Heatmap ​

Usage Notes ​

Data Format Requirements ​

Modifying Examples ​

Chart Type Selection ​

Tooltip Configuration ​

Axis Scaling ​

Color Schemes ​

Performance Optimization ​

Grid Lines ​

Margins ​

Engineering Visualization Examples

Table of Contents

Sensor Monitoring and Telemetry

Temperature Sensor Readings

Multi-Sensor Pressure Monitoring

Vibration Amplitude Monitoring

System Performance Metrics

CPU Utilization Over Time

Memory Usage Patterns

Throughput Analysis

Load and Stress Testing

Load vs Response Time

System Degradation Under Load

Quality Control and Manufacturing

Part Tolerance Measurements

Production Cycle Times

Defect Analysis by Category

Signal Processing and Analysis

Frequency Spectrum Analysis

Waveform Signal Analysis

Network Performance

Network Latency Distribution

Bandwidth Utilization Over Time

Packet Loss vs Network Load

Energy and Power Analysis

Power Consumption Patterns

Energy Efficiency Comparison

Material Properties Testing

Stress-Strain Curve

Hardness Test Distribution

Statistical Distributions

Process Capability Analysis

Multi-Batch Quality Comparison

Multi-dimensional Analysis

Parameter Correlation Heatmap

Usage Notes

Data Format Requirements

Modifying Examples

Chart Type Selection

Tooltip Configuration

Axis Scaling

Color Schemes

Performance Optimization

Grid Lines

Margins