Update README and ROADMAP and add ECOSYSTEM

docs/crates_graph.dot

@@ -1,12 +0,0 @@
-digraph G {
-  "iced_core" -> "iced_native"
-  "iced_core" -> "iced_web"
-  "iced_native" -> "iced_wgpu"
-  "iced_native" -> "iced_winit"
-  "iced_web" -> "iced"
-  "iced_wgpu" -> "iced"
-  "iced_winit" -> "iced"
-
-  node[shape=box];
-  "iced" -> "cross-platform application"
-}

docs/graphs/core.dot

@@ -0,0 +1,13 @@
+digraph G {
+  fontname = "Roboto";
+  newrank=true;
+  node[fontname = "Roboto", style=filled, fontcolor=white, color="#474973"];
+
+  { rank = same; iced_native iced_web }
+
+  iced_core -> iced_native [style=dashed];
+  iced_core -> iced_web [style=dashed];
+
+  iced_core [style=dashed, fontcolor=black];
+
+}

docs/graphs/ecosystem.dot

@@ -0,0 +1,59 @@
+digraph G {
+  fontname = "Roboto";
+  newrank=true;
+  node[fontname = "Roboto", style=filled, fontcolor=white, color="#474973"];
+
+  subgraph cluster_1 {
+    label = "renderers  ";
+    labelloc = "b";
+    labeljust = "r";
+    fontcolor = "#ffffff";
+    color="#8797AF";
+    bgcolor="#8797AF";
+    style=rounded;
+    node [fillcolor=white, color=white, fontcolor=black];
+
+    etc_1 [label="...", style=empty, shape=none, fontcolor=white];
+    iced_wgpu;
+  }
+
+  subgraph cluster_2 {
+    label = "shells  ";
+    labelloc = "b";
+    labeljust = "r";
+    fontcolor = "#ffffff";
+    color="#8797AF";
+    bgcolor="#8797AF";
+    style=rounded;
+    node [fillcolor=white, color=white, fontcolor=black];
+
+    etc_2 [label="...", style=empty, shape=none, fontcolor=white];
+    iced_winit;
+  }
+
+  subgraph cluster_3 {
+    style=invis;
+    margin=20;
+    iced;
+  }
+
+  { rank = same; iced_native iced_web }
+  { rank = same; iced_wgpu iced_winit etc_1 etc_2 }
+
+  iced_core -> iced_native [style=dashed];
+  iced_core -> iced_web [style=dashed];
+  iced_native -> iced_wgpu;
+  iced_native -> iced_winit;
+
+  iced_winit -> iced;
+  iced_wgpu -> iced;
+  iced_web -> iced;
+
+  iced -> "cross-platform application";
+
+  iced_core [style=dashed, fontcolor=black];
+  iced [width=1, height=0.6, style="filled", fontcolor=white, color="#474973"];
+
+
+  "cross-platform application" [shape=box3d, style="solid", width=2.8, height=0.6, fontcolor="#474973"];
+}

docs/graphs/iced.dot

@@ -0,0 +1,47 @@
+digraph G {
+  fontname = "Roboto";
+  newrank=true;
+  node[fontname = "Roboto", style=filled, fontcolor=white, color="#474973"];
+
+  subgraph cluster_1 {
+    label = "renderers  ";
+    labelloc = "b";
+    labeljust = "r";
+    fontcolor = "#ffffff";
+    color="#8797AF";
+    bgcolor="#8797AF";
+    style=rounded;
+    node [fillcolor=white, color=white, fontcolor=black];
+
+    etc_1 [label="...", style=empty, shape=none, fontcolor=white];
+    iced_wgpu;
+  }
+
+  subgraph cluster_2 {
+    label = "shells  ";
+    labelloc = "b";
+    labeljust = "r";
+    fontcolor = "#ffffff";
+    color="#8797AF";
+    bgcolor="#8797AF";
+    style=rounded;
+    node [fillcolor=white, color=white, fontcolor=black];
+
+    etc_2 [label="...", style=empty, shape=none, fontcolor=white];
+    iced_winit;
+  }
+
+  subgraph cluster_3 {
+    style=invis;
+    margin=20;
+    iced;
+  }
+
+  { rank = same; iced_wgpu iced_winit etc_1 etc_2 }
+
+  iced_winit -> iced;
+  iced_wgpu -> iced;
+  iced_web -> iced;
+
+  iced [width=1, height=0.6, style="filled", fontcolor=white, color="#474973"];
+}

docs/graphs/native.dot

@@ -0,0 +1,42 @@
+digraph G {
+  fontname = "Roboto";
+  newrank=true;
+  node[fontname = "Roboto", style=filled, fontcolor=white, color="#474973"];
+
+  subgraph cluster_1 {
+    label = "renderers  ";
+    labelloc = "b";
+    labeljust = "r";
+    fontcolor = "#ffffff";
+    color="#8797AF";
+    bgcolor="#8797AF";
+    style=rounded;
+    node [fillcolor=white, color=white, fontcolor=black];
+
+    etc_1 [label="...", style=empty, shape=none, fontcolor=white];
+    iced_wgpu;
+  }
+
+  subgraph cluster_2 {
+    label = "shells  ";
+    labelloc = "b";
+    labeljust = "r";
+    fontcolor = "#ffffff";
+    color="#8797AF";
+    bgcolor="#8797AF";
+    style=rounded;
+    node [fillcolor=white, color=white, fontcolor=black];
+
+    etc_2 [label="...", style=empty, shape=none, fontcolor=white];
+    iced_winit;
+  }
+
+
+  { rank = same; iced_wgpu iced_winit etc_1 etc_2 }
+
+  iced_core -> iced_native [style=dashed];
+  iced_native -> iced_wgpu;
+  iced_native -> iced_winit;
+
+  iced_core [style=dashed, fontcolor=black];
+}

docs/graphs/web.dot

@@ -0,0 +1,12 @@
+digraph G {
+  fontname = "Roboto";
+  newrank=true;
+  node[fontname = "Roboto", style=filled, fontcolor=white, color="#474973"];
+
+  iced_core -> iced_web [style=dashed];
+
+  iced_web -> iced;
+
+  iced_core [style=dashed, fontcolor=black];
+  iced [width=1, height=0.6, style="filled", fontcolor=white, color="#474973"];
+}

docs/graphs/wgpu.dot

@@ -0,0 +1,33 @@
+digraph G {
+  fontname = "Roboto";
+  newrank=true;
+  node[fontname = "Roboto", style=filled, fontcolor=white, color="#474973"];
+
+  subgraph cluster_1 {
+    label = "renderers  ";
+    labelloc = "b";
+    labeljust = "r";
+    fontcolor = "#ffffff";
+    color="#8797AF";
+    bgcolor="#8797AF";
+    style=rounded;
+    node [fillcolor=white, color=white, fontcolor=black];
+
+    etc_1 [label="...", style=empty, shape=none, fontcolor=white];
+    iced_wgpu;
+  }
+
+  subgraph cluster_3 {
+    style=invis;
+    margin=20;
+    iced;
+  }
+
+  { rank = same; iced_wgpu etc_1  }
+
+  iced_native -> iced_wgpu;
+
+  iced_wgpu -> iced;
+
+  iced [width=1, height=0.6, style="filled", fontcolor=white, color="#474973"];
+}

docs/graphs/winit.dot

@@ -0,0 +1,33 @@
+digraph G {
+  fontname = "Roboto";
+  newrank=true;
+  node[fontname = "Roboto", style=filled, fontcolor=white, color="#474973"];
+
+  subgraph cluster_2 {
+    label = "shells  ";
+    labelloc = "b";
+    labeljust = "r";
+    fontcolor = "#ffffff";
+    color="#8797AF";
+    bgcolor="#8797AF";
+    style=rounded;
+    node [fillcolor=white, color=white, fontcolor=black];
+
+    etc_2 [label="...", style=empty, shape=none, fontcolor=white];
+    iced_winit;
+  }
+
+  subgraph cluster_3 {
+    style=invis;
+    margin=20;
+    iced;
+  }
+
+  { rank = same; iced_winit  etc_2 }
+
+  iced_native -> iced_winit;
+
+  iced_winit -> iced;
+
+  iced [width=1, height=0.6, style="filled", fontcolor=white, color="#474973"];
+}