Spaces:
Runtime error
Runtime error
Update app.py
Browse files
app.py
CHANGED
@@ -436,32 +436,14 @@ combined_chart = alt.vconcat(
|
|
436 |
)
|
437 |
combined_chart
|
438 |
|
439 |
-
description1 = pn.pane.Markdown(""
|
440 |
-
|
441 |
-
of the process undertaken to reimagine the visual representations based on the scientific study.
|
442 |
-
The visualizations selected for redesign include a bar chart detailing the percentage
|
443 |
-
of different event types occurring within a soccer match and a histogram showcasing
|
444 |
-
the distribution of event frequencies, alongside a spatial plot representing the
|
445 |
-
locations of match events on a soccer field. Each graphic serves a distinct purpose:
|
446 |
-
the bar chart allows for the quick comparison of event prevalence, the histogram
|
447 |
-
provides an understanding of the variability and central tendency of event counts,
|
448 |
-
and the spatial plot conveys the common areas of activity during a match.
|
449 |
-
""")
|
450 |
-
decription2 = pn.pane.Markdown("""
|
451 |
-
The first chart below is a bar chart detailing the percentage
|
452 |
-
of different event types occurring within a soccer match.
|
453 |
-
""")
|
454 |
chart1_panel = pn.pane.Vega(chart1, sizing_mode='stretch_width')
|
455 |
-
decription3 = pn.pane.Markdown(""
|
456 |
-
The second chart below is a histogram showcasing the distribution
|
457 |
-
of event frequencies.
|
458 |
-
""")
|
459 |
chart2_panel = pn.pane.Vega(chart2, sizing_mode='stretch_width')
|
460 |
-
|
461 |
-
The third chart below is a spatial plot representing the locations of
|
462 |
-
match events on a soccer field.
|
463 |
-
""")
|
464 |
combined_chart1_panel = pn.pane.Vega(combined_chart1, sizing_mode='stretch_width')
|
|
|
465 |
combined_chart2_panel = pn.pane.Vega(combined_chart2, sizing_mode='stretch_width')
|
466 |
combined_chart_panel = pn.pane.Vega(combined_chart, sizing_mode='stretch_width')
|
467 |
|
@@ -473,10 +455,9 @@ dashboard = pn.Column(
|
|
473 |
chart1_panel,
|
474 |
decription3,
|
475 |
chart2_panel,
|
476 |
-
|
477 |
-
|
478 |
combined_chart_panel
|
479 |
)
|
480 |
|
481 |
-
# 设置应用程序为可服务的
|
482 |
dashboard.servable(title='Scientific Visualization Project')
|
|
|
436 |
)
|
437 |
combined_chart
|
438 |
|
439 |
+
description1 = pn.pane.Markdown("Our Scientific Visualization Project is designed to provide a comprehensive overview of the process undertaken to reimagine the visual representations based on the scientific study. The visualizations selected for redesign include a bar chart detailing the percentage of different event types occurring within a soccer match and a histogram showcasing the distribution of event frequencies, alongside a spatial plot representing the locations of match events on a soccer field. Each graphic serves a distinct purpose: the bar chart allows for the quick comparison of event prevalence, the histogram provides an understanding of the variability and central tendency of event counts, and the spatial plot conveys the common areas of activity during a match.")
|
440 |
+
decription2 = pn.pane.Markdown("The first chart below is a bar chart detailing the percentage of different event types occurring within a soccer match.")
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
441 |
chart1_panel = pn.pane.Vega(chart1, sizing_mode='stretch_width')
|
442 |
+
decription3 = pn.pane.Markdown("The second chart below is a histogram showcasing the distribution of event frequencies.")
|
|
|
|
|
|
|
443 |
chart2_panel = pn.pane.Vega(chart2, sizing_mode='stretch_width')
|
444 |
+
decription4 = pn.pane.Markdown("The third chart below is a spatial plot representing the locations of match events on a soccer field. We made a connection between this graph and the first graph. People can select the event points here with zooming, the right is the interactive bar chart that shows the distribution of event frequency.")
|
|
|
|
|
|
|
445 |
combined_chart1_panel = pn.pane.Vega(combined_chart1, sizing_mode='stretch_width')
|
446 |
+
description5 = pn.pane.Markdown("We combined all the graphs we have and the chart below is what the whole things look like.")
|
447 |
combined_chart2_panel = pn.pane.Vega(combined_chart2, sizing_mode='stretch_width')
|
448 |
combined_chart_panel = pn.pane.Vega(combined_chart, sizing_mode='stretch_width')
|
449 |
|
|
|
455 |
chart1_panel,
|
456 |
decription3,
|
457 |
chart2_panel,
|
458 |
+
decription4,
|
459 |
+
description5,
|
460 |
combined_chart_panel
|
461 |
)
|
462 |
|
|
|
463 |
dashboard.servable(title='Scientific Visualization Project')
|