{"id":17937752,"url":"https://github.com/coleturner/react-timespan","last_synced_at":"2025-03-24T08:33:48.151Z","repository":{"id":48020510,"uuid":"94383049","full_name":"coleturner/react-timespan","owner":"coleturner","description":"Timeline component with gallery view and scrolling time plots.","archived":false,"fork":false,"pushed_at":"2023-01-12T09:52:39.000Z","size":9234,"stargazers_count":47,"open_issues_count":13,"forks_count":16,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-03-19T03:37:16.415Z","etag":null,"topics":["javascript","react","timeline"],"latest_commit_sha":null,"homepage":"https://colepatrickturner.github.io/react-timespan","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/coleturner.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}},"created_at":"2017-06-15T00:16:34.000Z","updated_at":"2024-12-26T17:43:17.000Z","dependencies_parsed_at":"2023-02-09T11:15:55.456Z","dependency_job_id":null,"html_url":"https://github.com/coleturner/react-timespan","commit_stats":null,"previous_names":["colepatrickturner/react-timespan"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/coleturner%2Freact-timespan","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/coleturner%2Freact-timespan/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/coleturner%2Freact-timespan/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/coleturner%2Freact-timespan/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/coleturner","download_url":"https://codeload.github.com/coleturner/react-timespan/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245235847,"owners_count":20582327,"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":["javascript","react","timeline"],"created_at":"2024-10-28T23:07:26.757Z","updated_at":"2025-03-24T08:33:45.279Z","avatar_url":"https://github.com/coleturner.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# React Timespan\n\nA neat timeline component that displays a gallery of activities with a pannable plot.\n\n![Demonstration](https://github.com/colepatrickturner/react-timespan/raw/master/demo.gif)\n\n## How to use\n\n\n## API\n\nThe display precision is based on year, which is a large unit. Sorting precision is down to the millisecond.\n\n```\nimport Timeline from 'react-timespan';\n\nconst activities = [\n  {\n    name: 'Cole Turner',\n    start: '1991-02-24',\n    url: 'http://cole.codes/',\n    body: 'As a baby I was born because something about birds and bees.',\n    image: 'http://...'\n  },\n  {\n    name: 'The Year I Wrote This',\n    start: '2017-01-01',\n    end: '2017-12-31',\n    url: 'http://cole.codes/',\n    body: 'Truly I made this for my portfolio and decided to sh are.',\n    image: 'http://...'\n  }\n];\n\n\n\u003cTimeline activities={activities} /\u003e\n\n```\n\n[A SASS stylesheet is included separately](stylesheet.scss)...\n\n\n## Make it better\nI decided to share this because I am fond of the end result and hope it will inspire a pull request to make it better.\n\nPull requests are warmly welcomed.\n\n## Contributors\nCole Turner\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcoleturner%2Freact-timespan","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcoleturner%2Freact-timespan","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcoleturner%2Freact-timespan/lists"}