Spaces:
Sleeping
Sleeping
Deepa Shalini commited on
Commit ·
e023d29
1
Parent(s): 45da259
minor corrections to gallery view
Browse files- app.py +1 -7
- gallery_data.py +5 -5
app.py
CHANGED
|
@@ -305,7 +305,7 @@ app.layout = dmc.MantineProvider(
|
|
| 305 |
html.Div(
|
| 306 |
[
|
| 307 |
html.P(
|
| 308 |
-
|
| 309 |
className="gallery-prompt"
|
| 310 |
),
|
| 311 |
html.Div(
|
|
@@ -324,12 +324,6 @@ app.layout = dmc.MantineProvider(
|
|
| 324 |
) if item.get("badge") else None
|
| 325 |
],
|
| 326 |
className="links"
|
| 327 |
-
),
|
| 328 |
-
html.Button(
|
| 329 |
-
"⋮",
|
| 330 |
-
className="kebab",
|
| 331 |
-
type="button",
|
| 332 |
-
**{"aria-label": "More actions"}
|
| 333 |
)
|
| 334 |
],
|
| 335 |
className="meta"
|
|
|
|
| 305 |
html.Div(
|
| 306 |
[
|
| 307 |
html.P(
|
| 308 |
+
item["prompt"],
|
| 309 |
className="gallery-prompt"
|
| 310 |
),
|
| 311 |
html.Div(
|
|
|
|
| 324 |
) if item.get("badge") else None
|
| 325 |
],
|
| 326 |
className="links"
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 327 |
)
|
| 328 |
],
|
| 329 |
className="meta"
|
gallery_data.py
CHANGED
|
@@ -6,7 +6,7 @@ Add new gallery items by appending to the GALLERY_DATA list
|
|
| 6 |
GALLERY_DATA = [
|
| 7 |
{
|
| 8 |
"image": "/assets/gallery/1_image.png",
|
| 9 |
-
"prompt": "
|
| 10 |
"csv_link": "/assets/gallery/datasets/1976-2020_president.csv",
|
| 11 |
"badge": "Animated choropleth"
|
| 12 |
},
|
|
@@ -42,13 +42,13 @@ GALLERY_DATA = [
|
|
| 42 |
},
|
| 43 |
{
|
| 44 |
"image": "/assets/gallery/7_image.png",
|
| 45 |
-
"prompt": "Create a total of four visualizations, (2 rows, 2 columns) which display: 1. Top 5 Categories by Quantity 2. Top 5 Categories by Price 3. Average Purchase Price per State (USA choropleth map
|
| 46 |
"csv_link": "/assets/gallery/datasets/amazon-purchases-2021-sample-5k.csv",
|
| 47 |
"badge": "Subplots"
|
| 48 |
},
|
| 49 |
{
|
| 50 |
"image": "/assets/gallery/8_image.png",
|
| 51 |
-
"prompt": "
|
| 52 |
"csv_link": "/assets/gallery/datasets/gold prices.csv",
|
| 53 |
"badge": "Financial"
|
| 54 |
},
|
|
@@ -66,13 +66,13 @@ GALLERY_DATA = [
|
|
| 66 |
},
|
| 67 |
{
|
| 68 |
"image": "/assets/gallery/11_image.png",
|
| 69 |
-
"prompt": "Create a calendar-like circular gold price chart for the year 2020, wherein going clock-wise on the chart will move from Jan -> Dec. Each month shall have a number of bars equal to the number of days in that month. Colour of each bar: Based on the price of gold on that day. Length of each bar: Equal to the day of the month",
|
| 70 |
"csv_link": "/assets/gallery/datasets/gold prices.csv",
|
| 71 |
"badge": "Circular"
|
| 72 |
},
|
| 73 |
{
|
| 74 |
"image": "/assets/gallery/12_image.png",
|
| 75 |
-
"prompt": "
|
| 76 |
"csv_link": "/assets/gallery/datasets/ewf_appearances.csv",
|
| 77 |
"badge": "Dumbbell"
|
| 78 |
}
|
|
|
|
| 6 |
GALLERY_DATA = [
|
| 7 |
{
|
| 8 |
"image": "/assets/gallery/1_image.png",
|
| 9 |
+
"prompt": "Create an Animated Choropleth map of the USA displaying state-wise percentage of votes for DEMOCRAT in all the years.",
|
| 10 |
"csv_link": "/assets/gallery/datasets/1976-2020_president.csv",
|
| 11 |
"badge": "Animated choropleth"
|
| 12 |
},
|
|
|
|
| 42 |
},
|
| 43 |
{
|
| 44 |
"image": "/assets/gallery/7_image.png",
|
| 45 |
+
"prompt": "Create a total of four visualizations, (2 rows, 2 columns) which display: 1. Top 5 Categories by Quantity 2. Top 5 Categories by Price 3. Average Purchase Price per State (USA choropleth map) 4. State-wise Quantity Distribution (USA choropleth map)",
|
| 46 |
"csv_link": "/assets/gallery/datasets/amazon-purchases-2021-sample-5k.csv",
|
| 47 |
"badge": "Subplots"
|
| 48 |
},
|
| 49 |
{
|
| 50 |
"image": "/assets/gallery/8_image.png",
|
| 51 |
+
"prompt": "Create a candle-stick chart of gold prices in the year 2020, add a column named 'Ticker' and make sure all the values in this column are 'Gold'.",
|
| 52 |
"csv_link": "/assets/gallery/datasets/gold prices.csv",
|
| 53 |
"badge": "Financial"
|
| 54 |
},
|
|
|
|
| 66 |
},
|
| 67 |
{
|
| 68 |
"image": "/assets/gallery/11_image.png",
|
| 69 |
+
"prompt": "Create a calendar-like circular gold price chart for the year 2020, wherein going clock-wise on the chart will move from Jan -> Dec. Each month shall have a number of bars equal to the number of days in that month. Colour of each bar: Based on the price of gold on that day. Length of each bar: Equal to the day of the month.",
|
| 70 |
"csv_link": "/assets/gallery/datasets/gold prices.csv",
|
| 71 |
"badge": "Circular"
|
| 72 |
},
|
| 73 |
{
|
| 74 |
"image": "/assets/gallery/12_image.png",
|
| 75 |
+
"prompt": "Create a dumbbell chart showing the teams' scores over the years. Each team shall have only two data points in their dumbbells, the first point and the last. Each point must be a sum of goals scored by the team in the specific season. Use blue colour for the first point and red for the second point in the dumbbell. In the tooltips show the following information: - Team name - Score - Season - Year",
|
| 76 |
"csv_link": "/assets/gallery/datasets/ewf_appearances.csv",
|
| 77 |
"badge": "Dumbbell"
|
| 78 |
}
|