Spaces:
Running
create a sankey chart from the following information: name department discipline ai tool group
Browse filesDesign Design Strategy Multimodal Audio to Text
Design Design Strategy Multimodal Visual Question Answering
Design Design Strategy Image Synthesis Text to Image
Design Design Strategy Image Synthesis Image to Image
Design Design Strategy Image Synthesis Text to Image
Design Design Strategy 3d Visual Question Answering
Design Design Strategy Multimodal Visual Question Answering
Design Design Strategy Multimodal Visual Question Answering
Design Design Strategy Multimodal Visual Question Answering
Design Design Strategy Multimodal Visual Question Answering
Design Design Strategy Multimodal Visual Question Answering
Design Design Strategy Multimodal Visual Question Answering
Design Advanced Dessign Image Synthesis Text to Image
Design Advanced Dessign Multimodal Image to Image
Design Advanced Dessign Multimodal Image to text
Design Advanced Dessign 3d Text to 3d
Design Advanced Dessign 3d Image to 3D
Design Advanced Dessign 3d Image to 3D
Design Realisation Image Synthesis Text to Image
Design Realisation Multimodal Image to Image
Design Realisation Multimodal Image to text
Design Realisation 3d Text to 3d
Design Realisation 3d Image to 3D
Design Realisation Other NERF / GS
Design Realisation Other Table or Graph or Dashboards
Design Realisation Other Deep Research
Design PMO Multimodal Audio to Text
Design PMO Multimodal Visual Question Answering
Design PMO NLP Text Generation
Design Finance Multimodal Audio to Text
Design Finance NLP Audio to Text
Design Finance NLP Text Generation
Design Finance NLP Summerisation
Design CAS Image Synthesis Text Classification
Design CAS 3d Image to 3D
Design CAS Other Coding / Sofware development
Design Visualisation 3d Text to 3d
Design Visualisation 3d Image to 3D
Design Visualisation Other Coding / Sofware development
Design Visualisation Other Text to Speech
Design Studio Engineering NLP Summerisation
Design Studio Engineering NLP Q&A
Design Studio Engineering Other Q&A
Design Studio Engineering Other NERF / GS
Design Studio Engineering Other Table or Graph or Dashboards
Design Studio Engineering Other Deep Research
Design CMF Multimodal Visual Question Answering
Design CMF Image Synthesis Text to Image
Design CMF Image Synthesis Image to Image
Design CMF Image Synthesis Image to text
Design CMF 3d Image to 3D
Design CMF Computer Vision Image Classification
Design CMF NLP Summerisation
Design CMF NLP Q&A
Design CMF NLP NERF / GS
Design CMF NLP Deep Research
Design Model Making Image Synthesis Image to Image
Design Model Making 3d Text to 3d
Design Model Making Computer Vision Image Classification
Design Model Making NLP Summerisation
Design Model Making Other NERF / GS
Design Model Making Other Coding / Sofware development
Design Model Making Other Text to Speech
Design Model Making Other Deep Research
- README.md +9 -5
- index.html +3 -19
- sankey.html +106 -0
|
@@ -1,10 +1,14 @@
|
|
| 1 |
---
|
| 2 |
-
title:
|
| 3 |
-
|
| 4 |
-
|
| 5 |
-
|
| 6 |
sdk: static
|
| 7 |
pinned: false
|
|
|
|
|
|
|
| 8 |
---
|
| 9 |
|
| 10 |
-
|
|
|
|
|
|
|
|
|
| 1 |
---
|
| 2 |
+
title: AI Design Flow Mapper 🎨
|
| 3 |
+
colorFrom: green
|
| 4 |
+
colorTo: green
|
| 5 |
+
emoji: 🐳
|
| 6 |
sdk: static
|
| 7 |
pinned: false
|
| 8 |
+
tags:
|
| 9 |
+
- deepsite-v3
|
| 10 |
---
|
| 11 |
|
| 12 |
+
# Welcome to your new DeepSite project!
|
| 13 |
+
This project was created with [DeepSite](https://deepsite.hf.co).
|
| 14 |
+
|
|
@@ -1,19 +1,3 @@
|
|
| 1 |
-
<!
|
| 2 |
-
<html>
|
| 3 |
-
|
| 4 |
-
<meta charset="utf-8" />
|
| 5 |
-
<meta name="viewport" content="width=device-width" />
|
| 6 |
-
<title>My static Space</title>
|
| 7 |
-
<link rel="stylesheet" href="style.css" />
|
| 8 |
-
</head>
|
| 9 |
-
<body>
|
| 10 |
-
<div class="card">
|
| 11 |
-
<h1>Welcome to your static Space!</h1>
|
| 12 |
-
<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
|
| 13 |
-
<p>
|
| 14 |
-
Also don't forget to check the
|
| 15 |
-
<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
|
| 16 |
-
</p>
|
| 17 |
-
</div>
|
| 18 |
-
</body>
|
| 19 |
-
</html>
|
|
|
|
| 1 |
+
<!DOCTYPE html>
|
| 2 |
+
<html lang="en">
|
| 3 |
+
</html>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@@ -0,0 +1,106 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<!DOCTYPE html>
|
| 2 |
+
<html lang="en">
|
| 3 |
+
<head>
|
| 4 |
+
<meta charset="UTF-8">
|
| 5 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 6 |
+
<title>AI Design Flow Sankey Diagram</title>
|
| 7 |
+
<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
|
| 8 |
+
<script src="https://cdn.tailwindcss.com"></script>
|
| 9 |
+
</head>
|
| 10 |
+
<body class="bg-gray-100">
|
| 11 |
+
<div class="container mx-auto px-4 py-8">
|
| 12 |
+
<h1 class="text-3xl font-bold text-center mb-8">AI Design Flow Visualization</h1>
|
| 13 |
+
<div id="sankeyChart" class="bg-white p-4 rounded-lg shadow-lg"></div>
|
| 14 |
+
</div>
|
| 15 |
+
|
| 16 |
+
<script>
|
| 17 |
+
document.addEventListener('DOMContentLoaded', function() {
|
| 18 |
+
const data = {
|
| 19 |
+
type: "sankey",
|
| 20 |
+
orientation: "h",
|
| 21 |
+
node: {
|
| 22 |
+
pad: 15,
|
| 23 |
+
thickness: 30,
|
| 24 |
+
line: {
|
| 25 |
+
color: "black",
|
| 26 |
+
width: 0.5
|
| 27 |
+
},
|
| 28 |
+
label: [
|
| 29 |
+
"Design", "Design Strategy", "Advanced Dessign", "Realisation", "PMO", "Finance",
|
| 30 |
+
"CAS", "Visualisation", "Studio Engineering", "CMF", "Model Making",
|
| 31 |
+
"Multimodal", "Image Synthesis", "3d", "Other", "NLP", "Computer Vision",
|
| 32 |
+
"Audio to Text", "Visual Question Answering", "Text to Image", "Image to Image",
|
| 33 |
+
"Image to text", "Text to 3d", "Image to 3D", "NERF / GS", "Table or Graph or Dashboards",
|
| 34 |
+
"Deep Research", "Text Generation", "Summerisation", "Text Classification",
|
| 35 |
+
"Coding / Software development", "Text to Speech", "Q&A", "Image Classification"
|
| 36 |
+
],
|
| 37 |
+
color: [
|
| 38 |
+
"#636EFA", "#EF553B", "#00CC96", "#AB63FA", "#FFA15A", "#19D3F3",
|
| 39 |
+
"#FF6692", "#B6E880", "#FF97FF", "#FECB52", "#1F77B4",
|
| 40 |
+
"#FF7F0E", "#2CA02C", "#D62728", "#9467BD", "#8C564B", "#E377C2",
|
| 41 |
+
"#7F7F7F", "#BCBD22", "#17BECF", "#9EDAE5", "#8C6D31", "#5254A3",
|
| 42 |
+
"#6BAED6", "#9ECAE1", "#637939", "#8CA252", "#B5CF6B", "#CEDB9C",
|
| 43 |
+
"#8C6D31", "#BD9E39", "#E7BA52", "#E7CB94", "#843C39"
|
| 44 |
+
]
|
| 45 |
+
},
|
| 46 |
+
link: {
|
| 47 |
+
source: [
|
| 48 |
+
0,0,0,0,0,0,0,0,0,
|
| 49 |
+
1,1,1,1,1,1,1,1,1,1,1,1,1,
|
| 50 |
+
2,2,2,2,2,2,
|
| 51 |
+
3,3,3,3,3,3,3,3,
|
| 52 |
+
4,4,4,
|
| 53 |
+
5,5,5,5,
|
| 54 |
+
6,6,6,
|
| 55 |
+
7,7,7,7,
|
| 56 |
+
8,8,8,8,8,8,
|
| 57 |
+
9,9,9,9,9,9,9,9,9,9,
|
| 58 |
+
10,10,10,10,10,10,10,10,10
|
| 59 |
+
],
|
| 60 |
+
target: [
|
| 61 |
+
1,2,3,4,5,6,7,8,9,
|
| 62 |
+
11,11,12,12,12,13,13,11,11,11,11,11,11,
|
| 63 |
+
12,11,11,13,13,13,
|
| 64 |
+
12,11,11,13,13,13,13,13,
|
| 65 |
+
11,11,14,
|
| 66 |
+
11,14,14,14,
|
| 67 |
+
12,13,13,
|
| 68 |
+
13,13,13,13,
|
| 69 |
+
14,14,13,13,13,13,
|
| 70 |
+
11,12,12,12,15,14,14,14,14,14,
|
| 71 |
+
12,13,15,14,14,13,13,13,13
|
| 72 |
+
],
|
| 73 |
+
value: [
|
| 74 |
+
1,1,1,1,1,1,1,1,1,
|
| 75 |
+
1,6,1,1,1,1,1,1,1,1,1,1,1,
|
| 76 |
+
1,1,1,1,1,1,
|
| 77 |
+
1,1,1,1,1,1,1,1,
|
| 78 |
+
1,1,1,
|
| 79 |
+
1,1,1,1,
|
| 80 |
+
1,1,1,
|
| 81 |
+
1,1,1,1,
|
| 82 |
+
1,1,1,1,1,1,
|
| 83 |
+
1,1,1,1,1,1,1,1,1,1,
|
| 84 |
+
1,1,1,1,1,1,1,1,1
|
| 85 |
+
]
|
| 86 |
+
}
|
| 87 |
+
};
|
| 88 |
+
|
| 89 |
+
const layout = {
|
| 90 |
+
title: "AI Tools Usage Across Design Departments",
|
| 91 |
+
font: {
|
| 92 |
+
size: 10
|
| 93 |
+
},
|
| 94 |
+
margin: {
|
| 95 |
+
t: 50,
|
| 96 |
+
l: 50,
|
| 97 |
+
r: 50,
|
| 98 |
+
b: 50
|
| 99 |
+
}
|
| 100 |
+
};
|
| 101 |
+
|
| 102 |
+
Plotly.newPlot('sankeyChart', [data], layout);
|
| 103 |
+
});
|
| 104 |
+
</script>
|
| 105 |
+
</body>
|
| 106 |
+
</html>
|