text: einer Datei, die die Logik der Visualisierung enthält (Code in Javascript), sowie den Code der Data Studio Community Component Library dscc.js. Die dscc.js stellt die passenden Methoden zur Verfügung, eine DataStudio Community Visualization zu erstellen.
  Für die DataStudio Community Visualization verwende ich folgenden Code (vereinfacht). DataStudio stellt für die Ausführung die passenden Daten in dem Array row[„Dimensionen“] (= Dimensionswerte), und data.fields[„Dimension“] (= Dimensionsnamen), vorgefiltert, segmentiert, etc. bereit:
  Zuerst wird für jedes Element ein Boolean (false) und ein Array angelegt. Nun wird geprüft, ob ein Event vorhanden ist und falls ja, wird der Boolean auf true gesetzt und die Key-Value Pairs zu diesem Event in das passende Array geschrieben. (Der Code ist einfach gehalten, nicht optimiert und kann für den Produktiveinsatz deutlich verbessert werden, beispielsweise indem auch item Werte auf Vorhandensein geprüft werden).
  Nun wird jedes Array Key-Value Pair in ein HTML-Element umgewandelt und an ein übergeordnetes HTML-Element, mit der ID des Boolean, gebunden. In der CSS-Datei ist für #true und #false ein entsprechendes Stylesheet hinterlegt, das entweder die Hintergrundfarbe Grün oder Rot erscheinen lässt. Zum Schluss wird dieses dann an das BODY-Element angehängt und es scheint in DataStudio.