Skip to content

Leogendra/Pixels-Visualiser

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Pixels Visualiser

Pixels Visualiser is a client-side web application that lets you explore and visualise emotional data exported from supported mood-tracking apps. The app runs entirely in your browser and never uploads your data. You can access the app at https://pixels-visualiser.gatienh.fr/.

Supported apps

  • Pixels by Teo Vogel -> JSON Pixels export
  • Daylio by Habitics -> CSV export
  • Daily You by Demizo -> ZIP export

The app runs entirely in your browser and never uploads your data.

Features

  • Interactive line chart of mood evolution over time
  • Rolling average control for smoothing data
  • Tag analysis
  • Weekdays and months distribution
  • Word frequency section based on user notes (with % toggle)
  • Wordcloud visualisation
  • Generate a PNG image of your Pixels
  • Search Pixels by date
  • Responsive layout for mobile (Note: the app is still best used on desktop. On mobile, some tooltips explaining buttons and controls might not be visible.)

JSON Data Format

If you use a different app, you can still use this visualiser by converting your data to the expected format. The app expects a JSON array of entries, each shaped like this:

[
    {
        "date": "2025-1-1",
        "type": "Mood",
        "scores": [
            2,
            5,
        ],
        "notes": "I feel great today!",
        "tags": [
            {
                "type": "Emotions",
                "entries": [
                    "happy",
                    "excited"
                ]
            },
            // other tags
        ]
    }
]
  • date: ISO date string (YYYY-MM-DD)
  • scores: array of numbers between 1–5
  • notes: free-text user note
  • tags: array of objects, each with a type and entries array

Technologies used

Contributing

If you find a bug or have a feature request, you can open an issue. If you want to contribute to the code, feel free to submit a pull request. Note that you can set DEV_MODE = true; in the scripts/main.js (line 31) to enable development mode, which will load the JSON file from the data/pixels.json directory instead of requiring a file upload.

Related Projects

If you are using the Pixels app, you might also be interested in these related projects:

  • Pixels Memories: an Android app that allows you to view Pixels from previous years

About

A website to visualise your Pixels data

Topics

Resources

License

Stars

Watchers

Forks