diff --git a/blog/2023-09-05-0.2.0-introduction.md b/blog/2023-09-05-0.2.0-introduction.md index 9067a85c..9ba3f92f 100644 --- a/blog/2023-09-05-0.2.0-introduction.md +++ b/blog/2023-09-05-0.2.0-introduction.md @@ -31,7 +31,7 @@ One of the three main modules in SolidUI, the Model Agent, supports a variety of `\[{"x":"A","y":5},{"x":"B","y":8},{"x":"C","y":12},{"x":"D","y":6},{"x":"E","y":15},{"x":"F","y":10}\] Generate a bar chart` -![Image description](/doc/image/020/image1.png) +![Image description](/blog/020/image1.png) ### Surface Graph > Prompt 1 @@ -39,7 +39,7 @@ One of the three main modules in SolidUI, the Model Agent, supports a variety of `Generate a simple 3D surface graph.` -![Image description](/doc/image/020/image2.png) +![Image description](/blog/020/image2.png) @@ -48,7 +48,7 @@ One of the three main modules in SolidUI, the Model Agent, supports a variety of `Generate a 3D surface graph, where x and y are a grid of 100 points from -5 to 5, and z is the sine of (x^2 + y^2)^(1/2). Use the 'viridis' color map and display the graph.` -![Image description](/doc/image/020/image03.png) +![Image description](/blog/020/image03.png) @@ -57,7 +57,7 @@ One of the three main modules in SolidUI, the Model Agent, supports a variety of `Create a 3D surface graph, where x and y range from -5 to 5, and z is the corresponding sine of (x^2 + y^2)^(1/2). Set the graph's color map to 'viridis', and set specific size and margins, finally display the graph.` -![Image description](/doc/image/020/images04.png) +![Image description](/blog/020/images04.png) @@ -66,7 +66,7 @@ One of the three main modules in SolidUI, the Model Agent, supports a variety of `Generate and display an interactive 3D surface graph, where the z value of the surface is the sine of the square root of the sum of x and y's squares.` -![Image description](/doc/image/020/images05.png) +![Image description](/blog/020/images05.png) @@ -76,7 +76,7 @@ One of the three main modules in SolidUI, the Model Agent, supports a variety of `Generate a 3D scatter plot, where x, y, and z coordinates are 100 points randomly generated from a standard normal distribution.` -![Image description](/doc/image/020/images06.png) +![Image description](/blog/020/images06.png) @@ -85,7 +85,7 @@ One of the three main modules in SolidUI, the Model Agent, supports a variety of `A 3D scatter plot has been created, where each point's color is based on a random series, colors are rendered through a hot colormap, and a color bar is attached to represent the correspondence between colors and values.` -![Image description](/doc/image/020/images07.png) +![Image description](/blog/020/images07.png) @@ -94,7 +94,7 @@ One of the three main modules in SolidUI, the Model Agent, supports a variety of `A 3D scatter plot was generated with 200 points of size 6, where the coordinates of each point are based on a trivariate normal distribution.` -![Image description](/doc/image/020/images08.png) +![Image description](/blog/020/images08.png) @@ -104,7 +104,7 @@ One of the three main modules in SolidUI, the Model Agent, supports a variety of `Draw a spiral line in a 3D graph.` -![Image description](/doc/image/020/images09.png) +![Image description](/blog/020/images09.png) @@ -114,7 +114,7 @@ One of the three main modules in SolidUI, the Model Agent, supports a variety of `A pie chart is represented in five colors (gold, yellow-green, light coral, light sky blue, purple), where the sizes of the portions are 215, 130, 245, 210, 300 respectively, labeled as 'A', 'B', 'C', 'D', 'E', and the percentage of each portion is displayed in the corresponding area. The starting angle is 140 degrees.` -![Image description](/doc/image/020/images10.png) +![Image description](/blog/020/images10.png) @@ -124,7 +124,7 @@ One of the three main modules in SolidUI, the Model Agent, supports a variety of `Download the Stanford Bunny model from "https://graphics.stanford.edu/~mdfisher/Data/Meshes/bunny.obj" and use the trimesh library to load and display this model. ` -![Image description](/doc/image/020/images11.jpeg) +![Image description](/blog/020/images11.jpeg) @@ -136,7 +136,7 @@ https://faculty.cc.gatech.edu/~turk/bunny/bunny.html `Create a map, download link` -![Image description](/doc/image/020/images12.png) +![Image description](/blog/020/images12.png) @@ -152,7 +152,7 @@ Manage the layout of generated graphics, divided by scenes and pages. Click on the project preview or Design Page -> Scene -> Page preview -![Image description](/doc/image/020/images13.png) +![Image description](/blog/020/images13.png) diff --git a/blog/2023-09-22-0.3.0-introduction.md b/blog/2023-09-22-0.3.0-introduction.md new file mode 100644 index 00000000..c81fd3b4 --- /dev/null +++ b/blog/2023-09-22-0.3.0-introduction.md @@ -0,0 +1,90 @@ +--- +title: SolidUI generates any graphics in one sentence, v0.3.0 function introduction +date: 2023-09-22 +tags: [SolidUI, AI, stable-diffusion] +--- + +## Background + +With the rise of language models for generating images from text, SolidUI aims to help people quickly build visualization tools, including 2D, 3D, and 3D scenes, to quickly construct three-dimensional data demonstration scenarios. SolidUI is an innovative project that aims to combine natural language processing (NLP) with computer graphics to achieve the function of generating pictures from text. By building its own language model for text-to-graph, SolidUI uses the RLHF (Reinforcement Learning Human Feedback) process to realize the process from text description to graphic generation. + +Project URL: https://github.com/CloudOrc/SolidUI + +Project Mirror URL: https://gitee.com/CloudOrc/SolidUI + +Community Official Website: https://cloudorc.github.io/SolidUI-Website + +Discord: https://discord.gg/NGRNu2mGeQ + +## Release Notes +### Features + +* Model proxy HTML generation + +* Model selection of data source +* Proprietary graphic generation model +* Login icon modification +* favicon.ico +* Sliding window shrinkage +* HTTP timeout +* Project rename + +### Deployment + +* Standalone deployment related scripts +* Docker-compose deployment +* Kubernetes deployment + +## Examples +### HTML Generation + +> Providing a bar chart generated using the d3 library + +![Image description](/blog/030/image1.png) + +> Providing a bar chart generated using the echarts library + +![Image description](/blog/030/image2.png) + +> Using the Three.js library to create a 3D scene. This scene includes a green plane, a house with a roof and a door, and allows the user to use OrbitControls to rotate, zoom, and pan the scene. + +![Image description](/blog/030/image3.png) + +### Model selects data source + +Select the data source (open the icon on the right side of the input box), the input box contains the generated data and prompt words, send to the server + +> [{"name":"n1","val":"1000"},{"name":"n2","val":"2000"},{"name":"n3","val":"3000"},{"name":"n4","val":"10000"}] generates a bar chart + +![Image description](/blog/030/image4.png) + +![Image description](/blog/030/image5.png) + +## Detailed Guide + +* Overview of this version: https://github.com/CloudOrc/SolidUI/releases/tag/release-0.3.0-rc1 +* Quick Start: https://cloudorc.github.io/SolidUI-Website/docs/user-guide/quick-start/ +* Tutorial: https://www.bilibili.com/video/BV1xh4y1e7j6/ +* Welcome to fill out: https://github.com/CloudOrc/SolidUI/issues/1 + +## Contributors +The release of SolidUI v0.3.0 would not have been possible without the contributors of the SolidUI community. Thank you to all the community contributors, including but not limited to the following Contributors (in no particular order) + +* dlimeng +* nutsjian +* jacktao007 +* 15100399015 +* ziyu211 +* limingoo +* hgfdsa101 +* MR-WF +* liangxm-swan +* hncboy + +## How to Become a Contributor + +* Contribute to the official documentation. Discover deficiencies in the documentation, optimize the documentation, continuously update the documentation, etc. to contribute to the community. By contributing to the documentation, developers can familiarize themselves with how to submit PRs and truly participate in the construction of the community. Reference strategy: https://github.com/CloudOrc/SolidUI/discussions/54 +* Code contribution. We have sorted out simple and easy-to-start tasks in the community, which are very suitable for newcomers to contribute code. Please refer to the newbie task list: https://github.com/CloudOrc/SolidUI/issues/12 +* Content Contribution: Publish content related to SolidUI open source components, including but not limited to installation and deployment tutorials, use experiences, case practices, etc., in any form, please submit to the assistant. For example: https://github.com/CloudOrc/SolidUI/issues/10 +* Community Q&A: Actively answer questions in the community, share technology, help developers solve problems, etc.; +* Other: Actively participate in community activities, become a community volunteer, help publicize the community, provide effective suggestions for community development, etc.; \ No newline at end of file diff --git a/src/pages/home/hero.jsx b/src/pages/home/hero.jsx index 8ca80d04..3a922021 100644 --- a/src/pages/home/hero.jsx +++ b/src/pages/home/hero.jsx @@ -4,7 +4,6 @@ import useIsBrowser from '@docusaurus/useIsBrowser' import config from './languages.json' import RocketIcon from "../../../static/home/rocket.svg" import BlockIcon from "../../../static/home/block.svg" -import StartUp from "../../../static/home/dashboard.svg" import Wave from "../../../static/home/wave.svg" export default function () { const isBrowser = useIsBrowser(); diff --git a/static/doc/image/020/image03.png b/static/blog/020/image03.png similarity index 100% rename from static/doc/image/020/image03.png rename to static/blog/020/image03.png diff --git a/static/doc/image/020/image1.png b/static/blog/020/image1.png similarity index 100% rename from static/doc/image/020/image1.png rename to static/blog/020/image1.png diff --git a/static/doc/image/020/image2.png b/static/blog/020/image2.png similarity index 100% rename from static/doc/image/020/image2.png rename to static/blog/020/image2.png diff --git a/static/doc/image/020/images04.png b/static/blog/020/images04.png similarity index 100% rename from static/doc/image/020/images04.png rename to static/blog/020/images04.png diff --git a/static/doc/image/020/images05.png b/static/blog/020/images05.png similarity index 100% rename from static/doc/image/020/images05.png rename to static/blog/020/images05.png diff --git a/static/doc/image/020/images06.png b/static/blog/020/images06.png similarity index 100% rename from static/doc/image/020/images06.png rename to static/blog/020/images06.png diff --git a/static/doc/image/020/images07.png b/static/blog/020/images07.png similarity index 100% rename from static/doc/image/020/images07.png rename to static/blog/020/images07.png diff --git a/static/doc/image/020/images08.png b/static/blog/020/images08.png similarity index 100% rename from static/doc/image/020/images08.png rename to static/blog/020/images08.png diff --git a/static/doc/image/020/images09.png b/static/blog/020/images09.png similarity index 100% rename from static/doc/image/020/images09.png rename to static/blog/020/images09.png diff --git a/static/doc/image/020/images10.png b/static/blog/020/images10.png similarity index 100% rename from static/doc/image/020/images10.png rename to static/blog/020/images10.png diff --git a/static/doc/image/020/images11.jpeg b/static/blog/020/images11.jpeg similarity index 100% rename from static/doc/image/020/images11.jpeg rename to static/blog/020/images11.jpeg diff --git a/static/doc/image/020/images12.png b/static/blog/020/images12.png similarity index 100% rename from static/doc/image/020/images12.png rename to static/blog/020/images12.png diff --git a/static/doc/image/020/images13.png b/static/blog/020/images13.png similarity index 100% rename from static/doc/image/020/images13.png rename to static/blog/020/images13.png diff --git a/static/blog/030/image1.png b/static/blog/030/image1.png new file mode 100644 index 00000000..cb80b3db Binary files /dev/null and b/static/blog/030/image1.png differ diff --git a/static/blog/030/image2.png b/static/blog/030/image2.png new file mode 100644 index 00000000..c3b290c9 Binary files /dev/null and b/static/blog/030/image2.png differ diff --git a/static/blog/030/image3.png b/static/blog/030/image3.png new file mode 100644 index 00000000..594cbe39 Binary files /dev/null and b/static/blog/030/image3.png differ diff --git a/static/blog/030/image4.png b/static/blog/030/image4.png new file mode 100644 index 00000000..15b225c4 Binary files /dev/null and b/static/blog/030/image4.png differ diff --git a/static/blog/030/image5.png b/static/blog/030/image5.png new file mode 100644 index 00000000..baaebc5b Binary files /dev/null and b/static/blog/030/image5.png differ diff --git a/static/blog/author.png b/static/blog/author.png deleted file mode 100644 index 6d074a85..00000000 Binary files a/static/blog/author.png and /dev/null differ diff --git a/static/blog/dashboard.png b/static/blog/dashboard.png deleted file mode 100644 index 8754a5c8..00000000 Binary files a/static/blog/dashboard.png and /dev/null differ diff --git a/static/blog/dependency.png b/static/blog/dependency.png deleted file mode 100644 index ef350410..00000000 Binary files a/static/blog/dependency.png and /dev/null differ diff --git a/static/blog/detail.png b/static/blog/detail.png deleted file mode 100644 index 8cd9022f..00000000 Binary files a/static/blog/detail.png and /dev/null differ diff --git a/static/blog/doris.png b/static/blog/doris.png deleted file mode 100644 index 7812764b..00000000 Binary files a/static/blog/doris.png and /dev/null differ diff --git a/static/blog/flinksql.png b/static/blog/flinksql.png deleted file mode 100644 index 36e8dc7a..00000000 Binary files a/static/blog/flinksql.png and /dev/null differ diff --git a/static/blog/flow.png b/static/blog/flow.png deleted file mode 100644 index aa2171b3..00000000 Binary files a/static/blog/flow.png and /dev/null differ diff --git a/static/blog/k8s.png b/static/blog/k8s.png deleted file mode 100644 index f1d8cc4f..00000000 Binary files a/static/blog/k8s.png and /dev/null differ diff --git a/static/blog/pod.png b/static/blog/pod.png deleted file mode 100644 index a3ff1dc8..00000000 Binary files a/static/blog/pod.png and /dev/null differ diff --git a/static/blog/sqlverify.png b/static/blog/sqlverify.png deleted file mode 100644 index 45aa0762..00000000 Binary files a/static/blog/sqlverify.png and /dev/null differ diff --git a/static/blog/start.png b/static/blog/start.png deleted file mode 100644 index cabe8ce1..00000000 Binary files a/static/blog/start.png and /dev/null differ diff --git a/static/home/dashboard.png b/static/home/dashboard.png deleted file mode 100644 index 325352bf..00000000 Binary files a/static/home/dashboard.png and /dev/null differ diff --git a/static/home/dashboard.svg b/static/home/dashboard.svg deleted file mode 100644 index 8de0449f..00000000 --- a/static/home/dashboard.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/static/image/dashboard-preview.png b/static/image/dashboard-preview.png deleted file mode 100644 index db80556c..00000000 Binary files a/static/image/dashboard-preview.png and /dev/null differ diff --git a/static/image/dashboard.png b/static/image/dashboard.png deleted file mode 100644 index 3eef7cc8..00000000 Binary files a/static/image/dashboard.png and /dev/null differ diff --git a/static/image/sqlide.png b/static/image/sqlide.png deleted file mode 100644 index f2cab295..00000000 Binary files a/static/image/sqlide.png and /dev/null differ diff --git a/static/image/users.png b/static/image/users.png deleted file mode 100644 index 09ed960d..00000000 Binary files a/static/image/users.png and /dev/null differ