Topics: Improve index pages for BI, Frameworks, Datavis sections

Author: amotl

docs/topic/bi/index.md

@@ -4,10 +4,58 @@
 
 # Business Intelligence
 
+:::{div} sd-text-muted
+CrateDB integrations with BI tools.
+:::
+
 Integrations of CrateDB with other tools, specifically related to business
 analytics and intelligence software.
 
-- {ref}`cluvio`
-- {ref}`powerbi`
-- {ref}`rill`
-- {ref}`tableau`
+:::{card} Cluvio
+:link: cluvio
+:link-type: ref
+```{div} .float-right
+![Cluvio logo](https://www.cluvio.com/images/logos/cluvio/cluvio-logo-full_color-on_light-3744dd33.svg){height=40px loading=lazy}
+```
+Cluvio is a cloud-based business intelligence and analytics solution
+that enables businesses to analyze data through a dashboard.
+```{div} .clearfix
+```
+:::
+
+:::{card} Power BI
+:link: powerbi
+:link-type: ref
+```{div} .float-right
+![PowerBI logo](https://upload.wikimedia.org/wikipedia/en/thumb/2/20/Power_BI_logo.svg/192px-Power_BI_logo.svg.png?20200923233425){height=40px loading=lazy}
+```
+Power BI is a powerful business intelligence tool that provides a
+set of data analytics and visualizations.
+```{div} .clearfix
+```
+:::
+
+:::{card} Rill
+:link: rill
+:link-type: ref
+```{div} .float-right
+![Rill logo](https://github.com/rilldata/rill/raw/main/docs/static/img/rill-logo-light.svg){height=40px loading=lazy}
+```
+Rill is an open-source operational BI framework for effortlessly
+transforming data sets into powerful, opinionated dashboards using SQL.
+```{div} .clearfix
+```
+:::
+
+:::{card} Tableau
+:link: tableau
+:link-type: ref
+```{div} .float-right
+![Tableau logo](https://upload.wikimedia.org/wikipedia/en/thumb/0/06/Tableau_logo.svg/500px-Tableau_logo.svg.png?20200509180027){height=40px loading=lazy}
+```
+Tableau is a visual business intelligence and analytics software platform.
+It expresses data by translating drag-and-drop actions into data queries
+through an intuitive interface.
+```{div} .clearfix
+```
+:::

docs/topic/framework/index.md

@@ -1,30 +1,81 @@
 (framework)=
-# Using Programming Frameworks with CrateDB
+# Programming Frameworks
 
+:::{div} sd-text-muted
 Using application programming frameworks together with CrateDB.
+:::
 
-Many of them are built on top of the Python programming language, making it easy
-to use the Python libraries that you know and love.
+Many data-driven frameworks are built on top of the Python programming
+language, making it easy to use the Python libraries that you know and love.
 
-:::::{grid} 1 2 2 2
-:margin: 4 4 0 0
-:padding: 0
-:gutter: 2
+:::{card} Django
+:link: django
+:link-type: ref
+```{div} .float-right
+![Django logo](https://static.djangoproject.com/img/logos/django-logo-positive.svg){height=40px loading=lazy}
+```
+Django makes it easier to build better web apps more quickly and with less code.
+```{div} .clearfix
+```
+:::
 
-::::{grid-item-card} {material-outlined}`lightbulb;2em` Examples
+:::{card} Gradio
+:link: gradio
+:link-type: ref
+```{div} .float-right
+![Gradio logo](https://raw.githubusercontent.com/gradio-app/gradio/main/readme_files/gradio.svg){height=40px loading=lazy}
+```
+Gradio is an open source programming framework for quickly creating and sharing
+machine learning model demo applications, written in Python.
+```{div} .clearfix
+```
+:::
 
-A few quick examples about how to use selected frameworks together with CrateDB.
+:::{card} Plotly
+:link: plotly
+:link-type: ref
+```{div} .float-right
+![Plotly logo](https://github.com/crate/crate-clients-tools/assets/453543/8b679c0b-2740-4dcc-88f0-1106aee7fa95){height=40px loading=lazy}
+```
+Plotly Open Source Graphing Libraries make interactive, publication-quality graphs.
+```{div} .clearfix
+```
+:::
+
+:::{card} PyViz
+:link: pyviz
+:link-type: ref
+```{div} .float-right
+![PyViz logo](https://pyviz.org/_static/logo.png){height=40px loading=lazy}
+```
+The PyViz.org website is an open platform for helping users decide on the best
+open-source (OSS) Python data visualization tools.
+```{div} .clearfix
+```
+:::
+
+:::{card} QueryZen
+:link: queryzen
+:link-type: ref
+QueryZen makes it easier to manage SQL query statements over HTTP.
+:::
+
+:::{card} Streamlit
+:link: streamlit
+:link-type: ref
+```{div} .float-right
+![Streamlit logo](https://github.com/crate/crate-clients-tools/assets/453543/0fffb2d4-1d17-49c9-96e3-fd6ae42a39c4){height=40px loading=lazy}
+```
+Streamlit is an open-source application programming framework for quickly sketching
+out Python data applications. It provides fast, interactive prototyping, and live editing.
+```{div} .clearfix
+```
+:::
 
+:::{card} {material-outlined}`lightbulb;2em` Examples
+:width: 50%
+A few quick examples about how to use selected frameworks together with CrateDB.
 - [cratedb-examples/framework](https://github.com/crate/cratedb-examples/tree/main/framework)
 +++
 {tag-info}`dbt` {tag-info}`dlt` {tag-info}`Flink` {tag-info}`Gradio` {tag-info}`Graphene` {tag-info}`MCP` {tag-info}`QueryZen` {tag-info}`records` {tag-info}`Streamlit`
-::::
-
-:::::
-
-- {ref}`django`
-- {ref}`gradio`
-- {ref}`plotly`
-- {ref}`pyviz`
-- {ref}`queryzen`
-- {ref}`streamlit`
+:::

docs/topic/lineage/index.md

@@ -1,10 +1,12 @@
 (lineage)=
 # Data Lineage
 
-[Data lineage] refers to the process of tracking how data is generated,
+:::{div} sd-text-muted
+The process of tracking how data is generated,
 transformed, transmitted and used across a system over time.
+:::
 
-It documents data's origins, transformations and movements, providing
+[Data lineage] documents data's origins, transformations and movements, providing
 detailed visibility into its life cycle.
 Processes implementing data lineage simplify the identification of errors
 in data analytics workflows, by enabling users to trace issues back to their

docs/topic/testing/index.md

@@ -1,9 +1,10 @@
 (testing)=
 # Software Testing
 
-Java and Python based test frameworks and libraries that support software
+:::{div} sd-text-muted
+Test frameworks and libraries that support software
 integration testing with CrateDB.
-
+:::
 
 (java-junit)=
 ## Java JUnit

docs/topic/timeseries/index.md

@@ -1,7 +1,9 @@
 (timeseries)=
 # Time Series Data
 
+:::{div} sd-text-muted
 Learn how to use CrateDB for time series use cases.
+:::
 
 CrateDB is a distributed and scalable SQL database for storing and analyzing
 massive amounts of data in near real-time, even with complex queries. It is

docs/topic/visualize/index.md

@@ -1,17 +1,92 @@
 (visualize)=
 (visualization)=
-# Visualize data in CrateDB
+# Data Visualization
+
+:::{div} sd-text-muted
+How to visualize data stored in CrateDB swiftly.
+:::
 
 Data visualization applications and toolkits for
 visualizing data stored inside CrateDB, mostly dashboarding.
 
-:::{include} /_include/links.md
+:::{card} Cluvio
+:link: cluvio
+:link-type: ref
+```{div} .float-right
+![Cluvio logo](https://www.cluvio.com/images/logos/cluvio/cluvio-logo-full_color-on_light-3744dd33.svg){height=40px loading=lazy}
+```
+Cluvio is a cloud-based business intelligence and analytics solution
+that enables businesses to analyze data through a dashboard.
+```{div} .clearfix
+```
+:::
+
+:::{card} Explo
+:link: explo
+:link-type: ref
+```{div} .float-right
+![Explo logo](https://uploads-ssl.webflow.com/62f681c18d50329187681754/62f681c18d5032d0bd681785_logo.svg){height=40px loading=lazy}
+```
+Explo is a software platform for personalized and real-time customer facing analytics.
+```{div} .clearfix
+```
 :::
 
-- {ref}`cluvio`
-- {ref}`explo`
-- {ref}`grafana`
-- {ref}`metabase`
-- {ref}`plotly`
-- {ref}`pyviz`
-- {ref}`superset`
+:::{card} Grafana
+:link: grafana
+:link-type: ref
+```{div} .float-right
+![Grafana logo](https://cratedb.com/hs-fs/hubfs/Imported_Blog_Media/grafana-logo-1-520x126.png?width=1040&height=252&name=grafana-logo-1-520x126.png){height=40px loading=lazy}
+```
+Grafana is the leading open-source metrics visualization tool that helps you
+build real-time dashboards, graphs, and many other sorts of data visualizations.
+```{div} .clearfix
+```
+:::
+
+:::{card} Metabase
+:link: metabase
+:link-type: ref
+```{div} .float-right
+![Metabase logo](https://www.metabase.com/images/logo.svg){height=40px loading=lazy}
+```
+Metabase is the ultimate data analysis and visualization tool that unlocks the full
+potential of your data.
+```{div} .clearfix
+```
+:::
+
+:::{card} Plotly
+:link: plotly
+:link-type: ref
+```{div} .float-right
+![Plotly logo](https://github.com/crate/crate-clients-tools/assets/453543/8b679c0b-2740-4dcc-88f0-1106aee7fa95){height=40px loading=lazy}
+```
+Plotly Open Source Graphing Libraries make interactive, publication-quality graphs.
+```{div} .clearfix
+```
+:::
+
+:::{card} PyViz
+:link: pyviz
+:link-type: ref
+```{div} .float-right
+![PyViz logo](https://pyviz.org/_static/logo.png){height=40px loading=lazy}
+```
+The PyViz.org website is an open platform for helping users decide on the best
+open-source (OSS) Python data visualization tools.
+```{div} .clearfix
+```
+:::
+
+:::{card} Superset
+:link: superset
+:link-type: ref
+```{div} .float-right
+![Apache Superset logo](https://cratedb.com/hs-fs/hubfs/Apache-Superset-Logo-392x140@2x.png?width=604&height=216&name=Apache-Superset-Logo-392x140@2x.png){height=40px loading=lazy}
+```
+Apache Superset is an open-source modern data exploration and visualization
+platform, written in Python.
+```{div} .clearfix
+```
+:::