Embed Size (px)
Citation preview
Kwan-Hee Yoo Chungbuk National University
Byounghyun Yoo Korea Institute of Science and Technology
12-15, August, 2018
Web3D Consortium, SIGGRAPH
X3D DATA DRIVEN
VISUALIZATION
Introduction • Big Data Generation
Web3D Meeting 2
Social Data
IoT / M2M Geospatioal Data
Business Data Bio Data
Video -CCD Camera
Data Life Cycle
3
Stream Data
Hadoop
Data Sources
Mining
Data Processing
Visualization
Support Decision Making
Web, SNS Data System Log Data
Big Data Store
Big Data Analysis
Search engine
Graph/chart
ETL engine
Analysis result
Search DB
Information Store/
Distributed Processing
filtering
Real time analysis
File store
Structured data
Big Data Processing System
2018-08-15 4
Visualization template design
HTML5/X3D integration
Geospatial mashups
Spatiotemporal visualization
Data-driven visualization
Mixed and Augmented Reality
Data Driven Visualization
Machine Information
Product Information
Environment
Method
Man
Material
Machine
Component
Machine problem
Material problem
Plane
Scene
Worker information
Work time
Sensor
temperature
Database
Analysis results
Raw data
DDV
DDV Viewer
x3d3.js
framework
Data Driven Visualization
BIG DATA (ANALYTICS DATA) (JSON & DB & QUERY RESULTS)
Database
json
csv, tsv, txt
html, xml
Geometry 2D
Arc2D Circle2D
……
Geometry 3D
Box Cone
Cylinder….
Geometry 3D
Cone Cylinder
Input Data
Distribution
3D Pie Chart
Shape
….
x3dom.js
node ……
Relation
3D Bar Chart
DDV Viewer
13
Visualization library
Time series
Bar Graph Stacked Bar Graph Time series Graph
Big Data Visualization Primitive
Distribution
Pie Chart Donut Chart Tree map
Correlation
Hit map Chernoff Face
Star Chart
Comparison
Scattered Graph Bubble chart Histogram
GeoSpatial
Map mapping Choropleth map
Data Driven Visualization (DDV)
Data source
Database
json
csv, tsv, txt
html
3D Components
Class Detail
3D
Components
3D Treemap
3D Tree
3D Pack
3D Partition
3D Force
3D Bundle
3D Chord
3D Cluster
3D Stack
3D Hierarchy
3D Graph
3D accumulation stick graph
3D Point Graph
3D Time Series Graph
3D Stage Graph
3D Pie Chart
3D Donut Chart
3D accumulation stick graph
3D accumulation continuous graph
3D Scatter Plot
3D Bubble Chart
3D Histogram
3D Density Graph
3D Heatmap
3D Chernoff Face
3D Star Chart
Various Visualization on 3D Map
Charts on 3D Map
Class Description
DDVTimeseries
3D Graph
3D accumulation stick graph
3D Point Graph
3D Time Series Graph
3D Stage Graph
DDVDistribution
3D Pie Chart
3D Donut Chart
3D accumulation stick graph
3D Tree map
3D accumulation continuous graph
DDVRelation
3D Scatter Plot
3D Bubble Chart
3D Histogram
3D Density Graph
DDVComparison
3D Heatmap
3D Chernoff Face
3D Star Chart
3D parallel coordinates
DDVSpatial Various Visualization on 3D Map
Charts on 3D Map
16
Data Driven Visualization (DDV)
DDV Structure with HTML
17
DDV Environment Representation
18
Anal
ysis
Datab
ase
Data
base
3D
Mod
el
Information machi
nes
DDV Environment Representation
19
DDV – 4M Representation
20
DDV – Sensor Representation
21
DDV Data Analysis Visualization
22
DDV Data Management
23
<script>
var data = [
{num_sent: 0, perc: '100'},
{num_sent: 1, perc: '70'},
{num_sent: 2, perc: '40'},
{num_sent: 3, perc: '60'},
{num_sent: 4, perc: '80'}
];
DDWV.barChart({
selector: "#bar-chart",
data: data,
width: 700,
height: 400,
yAxisLabel: 'CGAC_Y',
xAxisLabel: "CGAC_X",
dimensionName: 'num_sent',
onClick: function (d, i, el) {
}
})
</script>
Experimental Results
24
Physical Object Simulation
Experimental Results
25
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>3D manufacturing Environment</title>
</head>
<body>
<ddwv>
<environment>
<factory>
//Window
<window src="../user/manufacturing/window.obj">
</window>
<door src="../user/manufacturing/door.obj">
</door>
<door src="../user/manufacturing/scene.obj">
</door>
</factory>
<floor src="../user/manufacturing/floor.obj">
</floor>
<line src="../user/manufacturing/line.obj">
</line>
<process src="../user/manufacturing/machines.obj">
</process>
</environment>
</ddwv>
</body>
</html>
Experimental Results
26
Experimental Results
27
DDV Future
• Design Database(Store 3D Object information)
• Data gathering( apply into 3D manufacturing animation)
• Remake layout and default model Object(When startup program)
• Animation (When products or machines have problem alert message)
• Live data (Label) on each machines
• Apply 3D visualization (3D Bar chart, 3D Histogram)
• Add functions(Environment, Machine, Material, Man, Method, Sensor)
• Design hand robot (Pressure1,2,3 …)
• Update UI authoring tool
• Users select specific location in scene and than add 3D object
28
Samsung Smart Factory
Digital Twin System
Sensor based movement
Digital Twin System: Cyber Physical System
-Data Gathering: IoT/Sensor Representation -Data Store: Big Data System -Data Analysis: Data Mining, Artificial Intelligence -Data (Analysis) Visualization: AR, VR, Computer Graphics -Network: Real time data transmission -Security: Data Encryption/Description -Training: Virtual Training
Thank You!
31
