Wir werden die Datenanalyse von Wiire automatisieren! Teil4

■ Einführung

Hallo, das ist Yajun. Ich war in letzter Zeit so beschäftigt, dass ich keinen Artikel schreiben konnte ... (zu viel) Dieser Artikel stellt ** den Verlauf des ersten Schritts zum "Erstellen einer WEB-Anwendung" der erstellten Software ** vor.
Dieser Artikel ist eine Serie, daher wird empfohlen, ihn mit dem vorherigen Artikel zu lesen.
Die Software in diesem Artikel ist in Python geschrieben. ■ Referenz-URL

■ Zweck

Als erster Schritt, um daraus eine WEB-Anwendung zu machen Ich habe beschlossen, "ein Diagramm zu erstellen, das interaktiv im Browser funktioniert".
Der Autor hat weder Erfahrung noch Kenntnisse in der Erstellung von WEB-Anwendungen.

■ Bibliotheksauswahl

Diesmal habe ich [Dash] verwendet (https://dash-gallery.plotly.host/Portal/). Es passt gut zur Grafikanzeige und die API ist gut verpackt, so dass es einfach zu bedienen ist.

(Die Abbildung ist Beispiel einer mit Dash erstellten App! Cool!)

Ich habe keine Pläne, wie reich die App in Zukunft sein wird Es könnte gut gewesen sein, es mit django zu schaffen! !! Wenn Sie den Endpunkt Ihres Projekts nicht sehen, ist es meiner Meinung nach in Ordnung, eine Bibliothek basierend auf Erweiterungen auszuwählen.

■ Lass es uns tatsächlich benutzen!

Klicken Sie hier, um die als Demo erstellte Figur anzuzeigen!

Die zentrale Figur ist [im Artikel von Teil 2 geschrieben](https://qiita.com/junya0001000/items/d97e1d3596b85892e767#%E3%83%92%E3%82%B9%E3%83%88%E3% Entspricht 82% B0% E3% 83% A9% E3% 83% A0% E6% 95% A3% E5% B8% 83% E5% 9B% B3). Es ist ein Diagramm, das zeigt, wie der dritte Parameter durch die Farbe und Form des Markers eine Beziehung zu den beiden Parameterverteilungen auf der X / Y-Achse hat.

Die beiden Abbildungen rechts zeigen die [Schätzung der Kerneldichte](https://ja.wikipedia.org/wiki/%E3%82%AB%E3%83%BC%E3%83] der X / Y-Achsenparameter in der zentralen Abbildung. % 8D% E3% 83% AB% E5% AF% 86% E5% BA% A6% E6% 8E% A8% E5% AE% 9A).

Ungefähr "ein Modell aus Messdaten zur Schätzung unbekannter Daten, die nicht gemessen wurden"!

Es ist möglich, verschiedene Parameter des Diagramms durch Eingabe aus der Dropdown-Liste auf der linken Seite zu ändern. Dann werde ich die Operationsmethode anhand der Dropdown-Liste auf der linken Seite erklären!

▶X-axis & Y-axis

Sie können die Parameter auswählen, die auf der X / Y-Achse eingestellt werden sollen. Wie oben erwähnt, ist der Datensatz hier auch mit der Verteilungskarte auf der rechten Seite verknüpft. Im Gif unten ist "Verhältnis in der Mitte des Angriffsbereichs" auf der X-Achse und "Erfolgsquote" auf der Y-Achse eingestellt.

▶Color & Shape

Sie können angeben, welche Parameter die Form und Farbe des Diagramms trennen. Der eingestellte Farbwert ist auch mit der Linie in der Verteilungskarte rechts verknüpft. Im folgenden Gif werden Farbe und Form des Diagramms entsprechend dem "Gewinn", "Verlust" und der "Minute" des Spielergebnisses geändert.

▶Divide_Col & Divide_Row

Wenn Sie zu viele Informationen haben, um das Diagramm zu sehen, können Sie das Diagramm durch die Parameter der X / Y-Achse teilen. Im folgenden Gif wird die Grafik durch "Gewinn", "Verlust" und "Minute" des Spielergebnisses geteilt.

■ Vorteile dieser Änderung

Die Vorteile sind die folgenden zwei. "Es ist nicht erforderlich, die Software für jede Information neu zu schreiben." "Analysten und Benutzer können Daten in Echtzeit sehen" Zum Beispiel der Kommentator des Turniers

"Die gegnerische Mannschaft hat in diesem Turnier Probleme."

Das Gefühl des Kommentators kann jedoch möglicherweise nicht an das Publikum weitergegeben werden. In einer solchen Situation hilft es dem Publikum, den "Besitz" und die "Anzahl der erbeuteten Bälle" in einem Diagramm aus den Turnierdaten zu verstehen.

So etwas wie "Sicher! Teams mit einem Ballbesitz von 45% oder weniger können aus den Daten kaum gewinnen!"

Um den Markt und die Community zu erweitern, ist es wichtig, um wie viel wir den Schwellenwert für die unbekannte Einstiegsgruppe senken können. Ich denke, dass die Visualisierung von Daten ein mächtiges Mittel ist.

■ Insider-Geschichte der Softwareentwicklung

Tatsächlich ist es schwieriger, eine API zu erstellen, die intern verwendet werden kann, als eine Anwendung zu entwickeln. Es ist mathematisch sinnvoll, Algorithmen zu kombinieren, um die gewünschte Fähigkeit zu erreichen. Ich denke jedoch, dass es genauso schwierig ist, eine "benutzerfreundliche", "leicht verständliche" und "coole" Benutzeroberfläche zu erstellen wie eine API. Benutzerbewusste Entwicklung macht Spaß und brennt! Lol

■ Zukunftsaussichten

Fügen Sie die folgenden Funktionen hinzu.

App-Design
Kontoregistrierungsfunktion
Gewähren Sie Datenverwaltung
Videoanalyse (Optischer Fluss wird implementiert. Wenn Sie die Bewegungen aller Spieler zum Zeitpunkt der Wertung sehen können, scheinen Sie etwas zu verstehen. Es wird auch im echten Fußball verwendet. Referenz-URL

▼ In Zukunft möchte ich die Grundfunktionen der Software kostenlos zur Verfügung stellen und einige Dienste monetarisieren.

Videoanalyse
Datenzugriffsrechte auf die Datenbibliotheken anderer Spieler
Persönliche Berichtsanalyse durch einen Datenanalysten (und den zweiten Platz der nationalen Politik)
Monatliche / wöchentliche Berichtsverteilung, die die Trends aller Benutzer zusammenfasst
Analyse nach Turnier Und

■ Ende

Bis hierher für diese Zeit! !! Die Verbreitung der App ist noch weit entfernt. Unzureichende Leistung und Arbeitskräfte (´; ω; `) Wir werden dies auch weiterhin tun, also bleiben Sie dran für Teil 5! !!

PS: Vielleicht gab es viele 30 Spiele, zu denen ich die Tester gebeten habe. .. .. Schweiß Nur Chama und FD haben 30 Spiele eingereicht lol

[PYTHON] Lassen Sie uns die Analysesoftware von Wiire in eine WEB-Anwendung verwandeln! Erster Schritt!