docs: Update the docs for Visual Model (#9304)

Author: igorlukanin

docs/pages/guides/dbt.mdx

@@ -321,7 +321,7 @@ You can easily customize measures, joins, and pre-aggregation that apply
 to this very cube, mapped to the `orders` dbt model, and have it
 side-by-side with other cubes, even of they don't come from dbt.
 
-To inspect rendered cubes, you can use [Data Graph][ref-data-graph],
+To inspect rendered cubes, you can use [Visual Model][ref-visual-model],
 [Playground][ref-playground], or the [`meta` endpoint][ref-rest-api-meta]
 of the REST API.
 
@@ -351,7 +351,7 @@ of the REST API.
 [ref-template-context]: /reference/python/cube#templatecontext-class
 [ref-primary-key]: /reference/data-model/dimensions#primary_key
 [ref-dimension-types]: /reference/data-model/types-and-formats#dimension-types
-[ref-data-graph]: /product/workspace/data-model#data-graph
+[ref-visual-model]: /product/workspace/visual-model
 [ref-playground]: /product/workspace/playground
 [ref-rest-api-meta]: /product/apis-integrations/rest-api/reference#v1meta
 

docs/pages/product/apis-integrations/semantic-layer-sync/_meta.js

@@ -1,6 +1,6 @@
 module.exports = {
   "superset": "Apache Superset",
-  "metabase": "Metabase",≈
+  "metabase": "Metabase",
   "preset": "Preset",
   "tableau": "Tableau"
 }

docs/pages/product/data-modeling/concepts/working-with-joins.mdx

@@ -978,7 +978,7 @@ The root cause is that joins are [directed](#direction-of-joins) and there's no
 join path that goes *by join definitions in the data model* from `users` to
 `companies` or in the opposite direction.
 
-In [Data Graph][ref-data-graph], you can see that both `users` and `companies`
+In [Visual Model][ref-visual-model], you can see that both `users` and `companies`
 are to the right of `companies_to_users`, meaning that there's no way to go
 from `users` to `companies` moving left to right or right to left:
 
@@ -1047,7 +1047,7 @@ cubes:
 </CodeTabs>
 
 Now there's a join path that goes *by join definitions in the data model* from
-`users` to `companies_to_users` to `companies`. [Data Graph][ref-data-graph]
+`users` to `companies_to_users` to `companies`. [Visual Model][ref-visual-model]
 also shows that you can reach `companies` from `cubes` by going left to right.
 
 <Diagram src="https://ucarecdn.com/0736a570-c1c2-45b5-a806-e90a216ce202/" />
@@ -1057,4 +1057,4 @@ also shows that you can reach `companies` from `cubes` by going left to right.
 [ref-schema-ref-joins-relationship]: /reference/data-model/joins#relationship
 [self-many-to-many-no-assoc-table]: #many-to-many-relationship-without-an-associative-table
 [self-join-direction]: /product/data-modeling/concepts/working-with-joins#directions-of-joins
-[ref-data-graph]: /product/workspace/data-model#data-graph
+[ref-visual-model]: /product/workspace/visual-model

docs/pages/product/data-modeling/dynamic/jinja.mdx

@@ -17,8 +17,7 @@ Jinja templates.
 Please [track this issue](https://github.com/cube-js/cube/issues/8134).
 
 As a workaround, you can view the resulting data model in
-[Playground](/product/workspace/playground) and
-[Data Graph](http://localhost:3000/product/workspace/data-model#data-graph).
+[Playground](/product/workspace/playground) and [Visual Model][ref-visual-model].
 You can also introspect the data model using the [`/v1/meta` REST API
 endpoint](/product/apis-integrations/rest-api/reference#v1meta).
 
@@ -253,4 +252,5 @@ If you'd like to split your Python code into several files, see
   https://jinja.palletsprojects.com/en/3.1.x/templates/#macros
 [jinja-docs-autoescaping]: https://jinja.palletsprojects.com/en/3.1.x/api/#autoescaping
 [jinja-docs-filters-safe]: https://jinja.palletsprojects.com/en/3.1.x/templates/#jinja-filters.safe
-[ref-cube-dbt]: /reference/python/cube_dbt
+[ref-cube-dbt]: /reference/python/cube_dbt
+[ref-visual-model]: /product/workspace/visual-model

docs/pages/product/getting-started/cloud/create-data-model.mdx

@@ -37,7 +37,7 @@ environment.
 
 In the previous section, we generated four cubes from the Snowflake schema. To
 see the data graph of these four cubes and how they are connected to each other,
-click the <Btn>Show Graph</Btn> button on the Data Model page.
+navigate to the <Btn>[Visual Model][ref-visual-model]</Btn> page.
 
 Let's review the `orders` cube first and update it with additional dimensions
 and measures.
@@ -215,4 +215,5 @@ After saving, you can experiment with your newly created view in the Playground.
 In the next section, we will learn how to query our `orders_view` using a BI
 tool.
 
-[ref-member-references]: /product/data-modeling/syntax#references
+[ref-member-references]: /product/data-modeling/syntax#references
+[ref-visual-model]: /product/workspace/visual-model

docs/pages/product/getting-started/databricks/create-data-model.mdx

@@ -31,8 +31,8 @@ safely make changes to your data model without affecting the production
 environment.
 
 In the previous section, we generated four cubes. To see the data graph of these
-four cubes and how they are connected to each other, click the <Btn>Show
-Graph</Btn> button on the Data Model page.
+four cubes and how they are connected to each other, navigate to the
+<Btn>[Visual Model][ref-visual-model]</Btn> page.
 
 Let's review the `orders` cube first and update it with additional dimensions
 and measures.
@@ -210,4 +210,5 @@ After saving, you can experiment with your newly created view in the Playground.
 In the next section, we will learn how to query our `orders_view` using a BI
 tool.
 
-[ref-member-references]: /product/data-modeling/syntax#references
+[ref-member-references]: /product/data-modeling/syntax#references
+[ref-visual-model]: /product/workspace/visual-model

docs/pages/product/workspace.mdx

@@ -14,11 +14,10 @@ and are only available in Cube Cloud.
 
 In Cube Cloud, you can:
 
-- Use the [data model editor][ref-data-model] with the [development
-  mode][ref-dev-mode] and [Rollup Designer][ref-rollup-designer] to build
-  the data model of your semantic layer.
-- Use [Visual Modeler][ref-visual-modeler] to build and edit your data model
-  using a canvas-based UI.
+- Use the code-first [data model editor][ref-data-model] or the no-code [Visual Model][ref-visual-model]
+editor to build and enhance the data model of your semantic layer.
+- Use the [development mode][ref-dev-mode] and [environments][ref-environments] to
+collaborate and test features before going to production.
 - Use [Playground][ref-playground] to run queries and test the data model.
 - Use [Chart Prototyping][ref-vizard] to generate code of a front-end
   application that works with Cube.
@@ -29,12 +28,11 @@ to BIs, spreadsheets, and other visualization tools.
 - Use [Query History][ref-query-history] to observe queries and their
   performance in real-time.
 - Use the [pre-aggregations page][ref-pre-aggs] to inspect pre-aggregations
-  and their build history.
+  and their build history. Add new pre-aggregations via [Rollup Designer][ref-rollup-designer].
 - Use [Performance Insights][ref-perf-insights] to analyze the performance
   of your deployment as a whole.
 - Use [Monitoring Integrations][ref-monitoring-integrations] to export logs and
 metrics to external monitoring tools.
-- Access the data model through different [environments][ref-environments].
 - Use the [access control page][ref-access-control] to manage users of your
   Cube Cloud account and [single sign-on][ref-sso].
 - Use [Audit Log][ref-audit-log] to review security-related events in your
@@ -80,4 +78,4 @@ With Cube Core, you can:
 [ref-semantic-catalog]: /product/workspace/semantic-catalog
 [ref-encryption-keys]: /product/workspace/encryption-keys
 [ref-cube-store-encryption]: /product/caching/running-in-production#data-at-rest-encryption
-[ref-visual-modeler]: /product/workspace/visual-modeler
+[ref-visual-model]: /product/workspace/visual-model

docs/pages/product/workspace/_meta.js

@@ -2,7 +2,7 @@ module.exports = {
   "playground": "Playground",
   "vizard": "Chart Prototyping",
   "data-model": "Data Model",
-  "visual-modeler": "Visual Modeler",
+  "visual-model": "Visual Model",
   "rollup-designer": "Rollup Designer",
   "dev-mode": "Development mode",
   "environments": "Environments",

docs/pages/product/workspace/data-model.mdx

@@ -1,14 +1,10 @@
----
-redirect_from:
-  - /cloud/cube-ide
-  - /cloud/dev-tools/cube-ide
-  - /cloud/workspace/cube-ide
----
-
 # Data Model
 
-With the web-based data model editor, you can write and test and your Cube [data
-model][ref-data-modeling] from your browser.
+Data model editor provides the code-first experience for building and enhancing the
+[data model][ref-data-modeling] of your semantic layer from within your web browser.
+
+Unlike the [Visual Model][ref-visual-model] editor, it provides the freedom to use all
+available data modeling features at the expense of a code-centric experience.
 
 <SuccessBox>
 
@@ -61,44 +57,6 @@ there are any unsaved changes:
   alt="Unsaved changes warning modal"
 />
 
-## Data Graph
-
-<InfoBox>
-  For Cube Cloud customers on the [Enterprise](https://cube.dev/pricing) tier, 
-  the Data Graph is replaced by [Visual Modeler][ref-visual-modeler].
-  Please see the [Visual Modeler page][ref-visual-modeler] for more details.
-</InfoBox> 
-
-In addition to exploring the code of data model files, you can view the visual
-representation of the data model, including relations between cubes.
-Click <Btn>Show Graph</Btn> in the top right part of the data model editor to
-open Data Graph:
-
-<Screenshot src="https://ucarecdn.com/30b7fa8c-fb9f-43fb-af1d-4ef98aae2829/" />
-
-Data Graph visualizes [cubes][ref-cubes] and [joins][ref-joins] between them as
-an [entity-relationship diagram][wiki-erd] (ERD). It allows to have a bird's-eye
-view of the data model and visually detect connected parts, i.e., groups of
-cubes that don't have any relationships with other groups.
-
-For clarity, only dimensions and custom SQL expressions used in joins are shown.
-Join [relationship types][ref-join-types] are depicted with the crow's foot
-notation:
-
-- Dash represents `one` in `one_to_one` and `one_to_many` types
-- Crow's foot represents `many` in `one_to_many` and `many_to_one` types
-
-You can pan and zoom the visualization, search cubes using the input box, hover
-over cubes to highlight their relationships, and click <Btn>Show Code</Btn> to
-view their code.
-
-<video width="100%" controls>
-  <source
-    src="https://ucarecdn.com/2cc26fee-f94e-4328-bc46-297bfdd6e726/video.mp4"
-    type="video/mp4"
-  />
-</video>
-
 ## Git integration
 
 To add more Git branches to your Cube Cloud deployment and/or switch between
@@ -162,10 +120,6 @@ If you'd like to use the UI to create a pre-aggregation, you can click on the
 />
 
 [ref-data-modeling]: /product/data-modeling/overview
-[ref-cubes]: /reference/data-model/cube
-[ref-joins]: /reference/data-model/joins
-[ref-join-types]: /reference/data-model/joins#relationship
-[wiki-erd]: https://en.wikipedia.org/wiki/Entity–relationship_model
 [ref-rollup-designer]: /product/workspace/rollup-designer
 [ref-creating-deployment]: /product/deployment/cloud/deployments#creating-a-new-deployment
-[ref-visual-modeler]: /product/workspace/visual-modeler
+[ref-visual-model]: /product/workspace/visual-model