Skip to content

Commit 3ed4e07

Browse files
authored
Update idea_Mohammed_Ayaan_ai_ui_designer.md
1 parent 7717a8d commit 3ed4e07

File tree

1 file changed

+24
-22
lines changed

1 file changed

+24
-22
lines changed
Lines changed: 24 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
### Initial Idea Submission
22

3-
Full Name: Mohammed Ayaan
4-
University name: PES University Bangalore
5-
Program you are enrolled in (Degree & Major/Minor): BTech (AI/ML)
6-
Year: 2nd year (2023-2027)
7-
Expected graduation date: 2027
3+
Full Name: Mohammed Ayaan
4+
University name: PES University Bangalore
5+
Program you are enrolled in (Degree & Major/Minor): BTech (AI/ML)
6+
Year: 2nd year (2023-2027)
7+
Expected graduation date: 2027
88

99
Project Title: AI UI Designer for APIs
1010
Relevant issues: #617
@@ -19,26 +19,28 @@ Proposed solution -
1919
When the API responses are of type xml/json we can show additional advanced preview action buttons on the
2020
response widget. eg : Data table, Chart, Summary
2121

22-
#12-Mar-2025 - Proof of concept/ update
22+
# 12-Mar-2025 - Proof of concept/ update
2323

2424
I executed a quick proof of concept using chatgpt and the results were amazing.
2525

2626
=> I was able to generate entire flutter widget with customizations. This essentially means that our static widget screens now
2727
can be mere placeholders/containers which render the widgets given by the llm codegen service.
2828

29-
=>We need not restrict on the type of charts we can support. We can in fact take guidance from llm on what
29+
=> We need not restrict on the type of charts we can support. We can in fact take guidance from llm on what
3030
kind of charts can be helpful in analyzing the data and pick may be the best 5 types
3131

32-
=>However we need to have control on the look and feel and apidash ui standards. These can be provided
32+
=> However we need to have control on the look and feel and apidash ui standards. These can be provided
3333
as inputs to the prompt. eg: top/bottom margins should be 5%, bar graph color must be blue, or width of
3434
bars must be 5 px etc.
35-
Sample charts generated using json data.<br/>
36-
(images/data_table.png)</br>
37-
(images/chart.png)<br/>
35+
Sample charts generated using json data.
36+
37+
![](images/data_table.png)
38+
39+
![](images/chart.png)
3840

3941
We can design a fixed layout as per apidash ui standards (font, colors, themes) for each of the
4042
visualization. This would comprise the static content by reusing the existing widgets. This will ensure
41-
uniform look and feel for all users.
43+
uniform look and feel for all users.
4244
for eg: datatable_page.dart, chart_page.dart, summary_page.dart
4345

4446
Dynamic data based on the json/xml input would come from the codellama service. for eg: visualizations_service.dart.
@@ -50,17 +52,17 @@ by the codellama service.
5052
To ensure the kind of output(html/dart code or the transforming the json/xml data) we need,
5153
we can provide the llm with few shot prompts as examples.
5254

53-
On click of Data table =>
54-
call visualization_service.dart to get the dynamic content from json/xml as required for data table.
55-
Render the widget. Widget to provide capabilities to sort and search
56-
On click of Chart =>
57-
We can ask for additional inputs like which type of chart, on what columns etc.
58-
call visualization_service.dart to get the dynamic content from json/xml as required for chart widget.
59-
Render the widget. Multiple chart types can be supported like bar graph, pie, bubble etc.
60-
On click of Summary =>
55+
On click of Data table =>
56+
call visualization_service.dart to get the dynamic content from json/xml as required for data table.
57+
Render the widget. Widget to provide capabilities to sort and search
58+
On click of Chart =>
59+
We can ask for additional inputs like which type of chart, on what columns etc.
60+
call visualization_service.dart to get the dynamic content from json/xml as required for chart widget.
61+
Render the widget. Multiple chart types can be supported like bar graph, pie, bubble etc.
62+
On click of Summary =>
6163
We can provide some options like top 5 data points(eg: positive reviews/ratings), group by
62-
or outliers, book summary, weather report etc
64+
or outliers, book summary, weather report etc
6365
call visualization_service.dart to get the dynamic content from json/xml as required for summary widget.
6466

65-
Additionally I can perhaps also contribute to the har importer project. I do have some exposure to har formats.
67+
Additionally I can perhaps also contribute to the har importer project. I do have some exposure to har formats.
6668
I will analyze and update the idea shortly.

0 commit comments

Comments
 (0)