{"id":28482315,"url":"https://github.com/rasagy/500days","last_synced_at":"2025-06-30T07:32:27.297Z","repository":{"id":9715901,"uuid":"11670758","full_name":"rasagy/500days","owner":"rasagy","description":"Visualizing the narrative of 500 Days of Summer (Movie)","archived":false,"fork":false,"pushed_at":"2017-08-14T12:03:36.000Z","size":1118,"stargazers_count":11,"open_issues_count":1,"forks_count":1,"subscribers_count":2,"default_branch":"gh-pages","last_synced_at":"2025-06-07T20:09:46.222Z","etag":null,"topics":["d3js","movie","narrative","visualization"],"latest_commit_sha":null,"homepage":"http://rasagy.in/500days","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/rasagy.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2013-07-25T20:52:01.000Z","updated_at":"2024-04-13T13:39:21.000Z","dependencies_parsed_at":"2022-09-24T05:51:34.199Z","dependency_job_id":null,"html_url":"https://github.com/rasagy/500days","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/rasagy/500days","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rasagy%2F500days","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rasagy%2F500days/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rasagy%2F500days/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rasagy%2F500days/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/rasagy","download_url":"https://codeload.github.com/rasagy/500days/tar.gz/refs/heads/gh-pages","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rasagy%2F500days/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":262731569,"owners_count":23355379,"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":["d3js","movie","narrative","visualization"],"created_at":"2025-06-07T20:09:45.268Z","updated_at":"2025-06-30T07:32:27.286Z","avatar_url":"https://github.com/rasagy.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"500 days of Summer\n==================\n\n### Visualizing the narrative of 500 Days of Summer (Movie)\n\nFinal Visualization: http://rasagy.in/500days\n\nRead more about the process here: [Visualizing 500 days of Summer: Process](rasagy.in/blog/2013/09/visualizing-500-days-of-summer/)\n\n## How to run locally\n\n1. Use `git clone`, [Github Desktop](https://desktop.github.com/) or download the repository\n\n![image](https://user-images.githubusercontent.com/1117531/29270573-1f2ee6ec-8115-11e7-9539-6f061acec5e4.png)\n\n2. Navigate to the directory you saved/cloned the repo in via command prompt (Windows)/terminal (Mac) and start a Python server\n\n![image](https://user-images.githubusercontent.com/1117531/29270708-a32223ec-8115-11e7-8b73-10552ef8a32c.png)\n\nIf you’re on Windows:\n- Install [Python](https://www.python.org/downloads/windows/)\n- Open command prompt (Win+R → `cmd` (press enter))\n- Navigate to the folder\n- Run either `python3 -m http.server` (Python 3+) or `python -m SimpleHTTPServer` (Python 2)\n\nIf you’re on Mac:\n- Open terminal\n- Navigate to the folder\n- Run `python -m SimpleHTTPServer`\n\nYou’ll get the url that this is hosted on locally — in the screenshot above it is http://0.0.0.0:8000/ . This will run this as if it’s running on a server (thus allowing you to use the .js files that might not work otherwise).\n\n## Future directions\n\n- [ ] Add Play button instead of auto-play\n- [x] Add description during animation (Desc/quotes/short text) (HT Prakhar)\n- [ ] Add Explanatory text below the viz (What/How/Who)\n- [x] Create Print poster (A4?)\n- [ ] Create Physical Visualization (HT Venkat)\n- [ ] Add icons for each scene (Maybe!)\n- [ ] Consolidate the findings into a paper (HT Venkat)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frasagy%2F500days","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frasagy%2F500days","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frasagy%2F500days/lists"}