{"id":22249718,"url":"https://github.com/jakubvalenta/website-colors","last_synced_at":"2025-09-02T22:37:00.141Z","repository":{"id":40960335,"uuid":"252254050","full_name":"jakubvalenta/website-colors","owner":"jakubvalenta","description":"Visualize how the colors of selected websites changed over time","archived":false,"fork":false,"pushed_at":"2023-08-14T22:29:37.000Z","size":125,"stargazers_count":1,"open_issues_count":3,"forks_count":0,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-01-30T11:11:40.310Z","etag":null,"topics":["archive","chart","color","datawrapper","history","plot","screenshot","website"],"latest_commit_sha":null,"homepage":"https://blog.datawrapper.de/weekly-chart-website-colors/","language":"Python","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/jakubvalenta.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-04-01T18:21:14.000Z","updated_at":"2022-08-04T16:02:31.000Z","dependencies_parsed_at":"2024-12-03T06:39:01.550Z","dependency_job_id":null,"html_url":"https://github.com/jakubvalenta/website-colors","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jakubvalenta%2Fwebsite-colors","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jakubvalenta%2Fwebsite-colors/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jakubvalenta%2Fwebsite-colors/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jakubvalenta%2Fwebsite-colors/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jakubvalenta","download_url":"https://codeload.github.com/jakubvalenta/website-colors/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245458703,"owners_count":20618697,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["archive","chart","color","datawrapper","history","plot","screenshot","website"],"created_at":"2024-12-03T06:28:22.148Z","updated_at":"2025-03-25T12:15:14.664Z","avatar_url":"https://github.com/jakubvalenta.png","language":"Python","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Website Colors\n\nVisualize how a website's colors changed over time.\n\nUse screenshots from the Internet Archive and plot the data with Datawrapper.\n\nhttps://blog.datawrapper.de/weekly-chart-website-colors/\n\n![History of the colors of amazon.com](./screenshots/amazon-600x400.png)\n\n## Installation\n\n### Mac\n\n``` shell\n$ brew install python geckodriver\n$ pip install pipenv\n$ make setup\n```\n\n### Arch Linux\n\n``` shell\n# pacman -S pipenv geckodriver\n$ make setup\n```\n\n### Other systems\n\nInstall these dependencies manually:\n\n- Python \u003e= 3.7\n- pipenv\n- geckodriver\n\nThen run:\n\n``` shell\n$ make setup\n```\n\n## Usage\n\n1. Create a new directory for the website color analysis. Example:\n\n    ``` shell\n    $ mkdir -p data/BBC\n    ```\n\n2. Create a CSV file with the website URL and snapshot dates you wish to\n   analyze. Example:\n\n    ``` csv\n    # data/BBC/input.csv\n    date,url\n    2010-02-01,http://news.bbc.co.uk/\n    2011-02-01,http://www.bbc.com/news\n    ```\n\n    Notice that each date can have a different URL.\n\n3. Run the processing pipeline with arguments specifying the data directory and\n   your Datawrapper API Access Token. Example\n\n    ``` shell\n    $ ./website-colors \\\n        --verbose \\\n        --data-dir=\"./data\" \\\n        --auth-token=\"$(secret-tool lookup datawrapper auth-token)\"\n    ```\n\n    This will take a screenshot of each of the historic snapshots defined in\n    `input.csv`, analyze its colors, and create a chart in the [Datawrapper\n    App](https://app.datawrapper.de/).\n\n    All intermediate data will be stored in the data directory.\n\n    If the pipeline execution fails anywhere in the process, you can safely\n    rerun it and it will continue where it left of.\n\n## Development\n\n### Installation\n\n``` shell\n$ make setup-dev\n```\n\n### Testing and linting\n\n``` shell\n$ make test\n$ make lint\n```\n\n### Help\n\n``` shell\n$ make help\n```\n\n## Contributing\n\n__Feel free to remix this project__ under the terms of the [Apache License,\nVersion 2.0](http://www.apache.org/licenses/LICENSE-2.0).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjakubvalenta%2Fwebsite-colors","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjakubvalenta%2Fwebsite-colors","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjakubvalenta%2Fwebsite-colors/lists"}