Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Framework: Add items about programming frameworks Gradio and Streamlit #132

Merged
merged 1 commit into from
Jun 28, 2024
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
24 changes: 17 additions & 7 deletions docs/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -64,19 +64,19 @@ List of HTTP and PostgreSQL client drivers, and tutorials.
:::


:::{grid-item-card} {material-outlined}`crop_landscape;2em` DataFrame Libraries
:link: df
:::{grid-item-card} {material-outlined}`data_object;2em` ORM Libraries
:link: orm
:link-type: ref

Connectivity with DataFrame libraries like pandas and Dask.
Connectivity with ORM libraries like SQLAlchemy.
:::


:::{grid-item-card} {material-outlined}`data_object;2em` ORM Libraries
:link: orm
:::{grid-item-card} {material-outlined}`crop_landscape;2em` DataFrame Libraries
:link: df
:link-type: ref

Connectivity with ORM libraries like SQLAlchemy.
Connectivity with DataFrame libraries like pandas and Dask.
:::


Expand Down Expand Up @@ -109,6 +109,15 @@ All on one page.
:gutter: 1


:::{grid-item-card} {material-outlined}`code;2em` Programming Frameworks
:link: framework
:link-type: ref

Connectivity with open-source programming frameworks and libraries
like Gradio, Plotly, or Streamlit.
:::


:::{grid-item-card} {material-outlined}`transform;2em` ETL
:link: etl
:link-type: ref
Expand Down Expand Up @@ -173,13 +182,14 @@ Looking for the previous content on this page? Visit [](#index-legacy).
IDE applications <connect/ide>
CLI programs <connect/cli>
Database Drivers <connect/index>
DataFrame Libraries <connect/df>
ORM Libraries <connect/orm>
DataFrame Libraries <connect/df>
```

```{toctree}
:hidden:

Programming Frameworks <integrate/framework>
Load and Export <integrate/etl>
System Metrics <integrate/metrics>
Data Visualization <integrate/visualize>
Expand Down
90 changes: 90 additions & 0 deletions docs/integrate/framework.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,90 @@
(framework)=
# Using Programming Frameworks with CrateDB

Application programming frameworks integrating 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.

:::::{grid} 1 2 2 2
:margin: 4 4 0 0
:padding: 0
:gutter: 2

::::{grid-item-card} {material-outlined}`lightbulb;2em` Examples

A few quick examples about how to use relevant frameworks together with CrateDB.

- https://github.com/crate/cratedb-examples/tree/main/framework
+++
{tag-info}`Gradio` {tag-info}`Streamlit`
::::

::::{grid-item-card} {material-outlined}`read_more;2em` SQLAlchemy
CrateDB's SQLAlchemy dialect implementation provides fundamental database adapter
infrastructure to framework integrations.
+++
[ORM Guides](inv:guide#orm) •
{ref}`ORM Catalog <orm>`
::::

:::::


(gradio)=
## Gradio

```{div}
:style: "float: right; margin-left: 0.5em"
[![](https://raw.githubusercontent.com/gradio-app/gradio/main/readme_files/gradio.svg){w=180px}](https://www.gradio.app/)
```

[Gradio] is an open source programming framework for quickly creating and sharing
machine learning model demo applications, written in Python.

- Creating a user interface only requires adding a couple lines of code to your project.
- It does not require any experience with HTML/JS/CSS, or web hosting.
- Gradio can be embedded in Python notebooks, or presented as a web application.
- Once you've created an interface, you can permanently host it on [Hugging Face].

```{div}
:style: "clear: both"
```

<iframe width="480" height="320" src="https://www.youtube-nocookie.com/embed/44vi31hehw4?si=J0w5yG56Ld4fIXfm" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>

_How to Build Machine Learning APIs Using Gradio._


(streamlit)=
## Streamlit

```{div}
:style: "float: right; margin-left: 0.5em"
[![](https://github.com/crate/crate-clients-tools/assets/453543/0fffb2d4-1d17-49c9-96e3-fd6ae42a39c4){w=180px}](https://streamlit.io/)
```

[Streamlit] is an open source application programming framework for quickly sketching
out Python data applications. It provides fast, interactive prototyping, and live editing.

- Build dashboards, generate reports, or create chat apps using beautiful, easy-to-read code.
- No in-depth knowledge of HTML/JS/CSS needed, the framework offers elegant default
styling, which can be adjusted when applicable.
- Transform Python scripts into interactive web apps in minutes, instead of weeks.
- Build upon a range of [Streamlit components](https://streamlit.io/components).
- Optionally use their [Community Cloud platform](https://streamlit.io/cloud) to deploy,
manage, and share your application.

```{div}
:style: "clear: both"
```

<iframe width="480" height="320" src="https://www.youtube-nocookie.com/embed/UI4f4iiVT6c?si=J0w5yG56Ld4fIXfm" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>

_Streamlit 101 - A faster way to build and share data applications._



[Gradio]: https://www.gradio.app/
[Hugging Face]: https://en.wikipedia.org/wiki/Hugging_Face
[Streamlit]: https://streamlit.io/
Loading