Deepa Shalini commited on
Commit
e023d29
·
1 Parent(s): 45da259

minor corrections to gallery view

Browse files
Files changed (2) hide show
  1. app.py +1 -7
  2. gallery_data.py +5 -5
app.py CHANGED
@@ -305,7 +305,7 @@ app.layout = dmc.MantineProvider(
305
  html.Div(
306
  [
307
  html.P(
308
- f"Prompt: {item['prompt']}",
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": "Build 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,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, don't display the colorbar) 4. State-wise Quantity Distribution (USA choropleth map, don't display the colorbar)",
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": "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,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": "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
  }
 
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
  }