<commit_before>---
layout: page
title:  "Map it"
subheadline: Hierarchische Visualisierung besuchter Orte.
teaser: "Eine neuartige Visualisierung von besuchten Orten als hierarchische Circular Tree Map, um eine persönliche Karte zu erstellen."
header: no
show_meta: false
categories:
    - projects
image:
    title: mlipeck-teaser.jpg
    caption: Erste Entwurf von Map it
author: <NAME>
---

Zur Zeit gibt es einige eindrucksvolle Projekte, im Bereich personenbezogener Geodaten, wie [visits](http://v.isits.in) oder [Shifted Maps](http://shifted-maps.com). Beide Projekte inspirierten durch ihre jeweiligen besonderen Art der Datenaufbereitung und der damit verbundenen Zugänglichkeit für den Betrachter.


„Map it“ stellt die von dem Nutzer besuchten Orte dar. Dabei wird eine Darstellungsart genutzt, die auf Wegebeziehungen zwischen den Orten verzichtet und dadurch das Hauptaugenmerk auf die besuchten Orte legt.
Dadurch entsteht eine neue Karte für den Nutzer - seine Karte. Diese Form der Darstellung ist inspiriert durch Guy Debord, dem es nicht um die exakte Abbildung der Entfernungen zwischen Orten und ihren räumlichen Positionen zueinander ging, sondern um die erreichten Orte, die in einer Gesamtkarte dargestellt werden. Mit dieser Idee der Kartendarstellung ist Debord eine wichtige Person der Psychogeographie.

<figure>
  <img src="{{ site.urlimg }}/mlipeck-01-karte.jpg" />
  <figcaption >Karte von besuchten Plätzen in Leipzig, nach Debord</figcaption>
</figure>

„Map it“ nutzt Daten, welche durch die App [„Moves“](http://moves-app.com) auf dem Smartphone erfasst werden. Die besuchten Orte werden anschließend in der Circular TreeMap visualisiert. Dabei werden die Orte in einer hierarchische Darstellung geclustert. Somit beinhaltet der äußerste Kreis alle besuchten Orte, während die Größe jedes einzelnen Kreises den Gesamtaufenthalt des jeweiligen Ortes visualisiert. Ein Beispiel der hierarchischen Darstellung: Land → Region → Stadt → Stadtteile → einzelne Orte. Die Größe der Kreise in der Circular TreeMap ist proportional abhängig von der Häufigkeit oder der Dauer der jeweiligen besuchten Orte. Das heißt, je öfter oder je länger ein Ort besucht wird, um so größer ist der Kreis und die ihm zu Grunde liegenden geographischen Karten.

<figure>
  <img src="{{ site.urlimg }}/mlipeck-experimente.jpg" />
  <figcaption >Darstellungs Experimente</figcaption>
</figure>

Die in der App [„Moves“](http://moves-app.com) gesammelten Daten werden über eine API ausgelesen und auf einer Webseite in der Circular TreeMap aufgearbeitet und ausgegeben. Die Webseite bietet neben der graphischen Darstellung auch die Möglichkeit der Interaktion, wie zum Beispiel das Zoomen auf die jeweiligen besuchten Orte oder das Abrufen von weiteren Informationen wie die Dauer sowie die Anzahl der Besuche oder die Zeiträume der Datenaufzeichnung auf die sich die Werte beziehen.

<figure>
  <img src="{{ site.urlimg }}/mlipeck-moves.jpg" />
  <figcaption >App „Moves“</figcaption>
</figure>

„Map it“ wurde prototypisch mit [Processing](https://processing.org), [Unfolding Maps](http://unfoldingmaps.org) und [D3.js](https://d3js.org) umgesetzt.

<figure>
  <img src="{{ site.urlimg }}/mlipeck-mapit-prototyp.jpg" />
  <figcaption >Map it erster Protoyp</figcaption>
</figure><commit_msg>Extended figure captions. Added small paragraph on prototype.<commit_after>---
layout: page
title:  "Map it"
subheadline: Hierarchische Visualisierung besuchter Orte.
teaser: "Eine neuartige Visualisierung von besuchten Orten als hierarchische Circular Tree Map, um eine persönliche Karte zu erstellen."
header: no
show_meta: false
categories:
    - projects
image:
    title: mlipeck-teaser.jpg
    caption: Erste Entwurf von Map it
author: <NAME>
---

Zur Zeit gibt es einige eindrucksvolle Projekte, im Bereich personenbezogener Geodaten, wie [visits](http://v.isits.in) oder [Shifted Maps](http://shifted-maps.com). Beide Projekte inspirierten durch ihre jeweiligen besonderen Art der Datenaufbereitung und der damit verbundenen Zugänglichkeit für den Betrachter.


„Map it“ stellt die von dem Nutzer besuchten Orte dar. Dabei wird eine Darstellungsart genutzt, die auf Wegebeziehungen zwischen den Orten verzichtet und dadurch das Hauptaugenmerk auf die besuchten Orte legt.
Dadurch entsteht eine neue Karte für den Nutzer - seine Karte. Diese Form der Darstellung ist inspiriert durch Guy Debord, dem es nicht um die exakte Abbildung der Entfernungen zwischen Orten und ihren räumlichen Positionen zueinander ging, sondern um die erreichten Orte, die in einer Gesamtkarte dargestellt werden. Mit dieser Idee der Kartendarstellung ist Debord eine wichtige Person der Psychogeographie.

<figure>
  <img src="{{ site.urlimg }}/mlipeck-01-karte.jpg" />
  <figcaption >Karte von besuchten Plätzen in Leipzig, nach Debord</figcaption>
</figure>

„Map it“ nutzt Daten, welche durch die App [„Moves“](http://moves-app.com) auf dem Smartphone erfasst werden. Die besuchten Orte werden anschließend in der Circular TreeMap visualisiert. Dabei werden die Orte in einer hierarchische Darstellung geclustert. Somit beinhaltet der äußerste Kreis alle besuchten Orte, während die Größe jedes einzelnen Kreises den Gesamtaufenthalt des jeweiligen Ortes visualisiert. Ein Beispiel der hierarchischen Darstellung: Land → Region → Stadt → Stadtteile → einzelne Orte. Die Größe der Kreise in der Circular TreeMap ist proportional abhängig von der Häufigkeit oder der Dauer der jeweiligen besuchten Orte. Das heißt, je öfter oder je länger ein Ort besucht wird, um so größer ist der Kreis und die ihm zu Grunde liegenden geographischen Karten.

<figure>
  <img src="{{ site.urlimg }}/mlipeck-experimente.jpg" />
  <figcaption >Experimente mit verschiedenen Darstellungen und Algorithmen</figcaption>
</figure>

Die in der App [„Moves“](http://moves-app.com) gesammelten Daten werden über eine API ausgelesen und auf einer Webseite in der Circular TreeMap aufgearbeitet und ausgegeben. Die Webseite bietet neben der graphischen Darstellung auch die Möglichkeit der Interaktion, wie zum Beispiel das Zoomen auf die jeweiligen besuchten Orte oder das Abrufen von weiteren Informationen wie die Dauer sowie die Anzahl der Besuche oder die Zeiträume der Datenaufzeichnung auf die sich die Werte beziehen.

<figure>
  <img src="{{ site.urlimg }}/mlipeck-moves.jpg" />
  <figcaption >Anzeige der Bewegungen und Orte in der App „Moves“</figcaption>
</figure>

„Map it“ wurde prototypisch mit [Processing](https://processing.org), [Unfolding Maps](http://unfoldingmaps.org) und [D3.js](https://d3js.org) umgesetzt.

<figure>
  <img src="{{ site.urlimg }}/mlipeck-mapit-prototyp.jpg" />
  <figcaption >Map it erster Protoyp</figcaption>
</figure>

Im Prototypen kann zwischen verschiedenen Darstellungen gewechselt werden, um persönlich angepasste Visualisierungen seiner Orte zu sehen. So können etwa die Gesamtverweildauer oder die Häufigkeit der Besuche auf die Größe der Kreise abgebildet werden, womit sich auch das gesamte Layout anpasst.
{'fraction_non_alphanumeric': 0.06896551724137931, 'fraction_numerical': 0.001139925904816187, 'mean_word_length': 5.146234676007006, 'pattern_counts': {'":': 0, '<': 45, '<?xml version=': 0, '>': 45, 'https://': 4, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '358802', 'n_tokens_mistral': 2233, 'n_tokens_neox': 2342, 'n_words': 875}