{"id":22054177,"url":"https://github.com/llimllib/observable-plot-template","last_synced_at":"2025-07-21T08:01:53.399Z","repository":{"id":66393073,"uuid":"547641134","full_name":"llimllib/observable-plot-template","owner":"llimllib","description":"A template repository to get you started with Observable Plot and typescript","archived":false,"fork":false,"pushed_at":"2023-11-22T14:07:41.000Z","size":712,"stargazers_count":4,"open_issues_count":4,"forks_count":4,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-07-13T10:48:53.371Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","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/llimllib.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,"zenodo":null}},"created_at":"2022-10-08T02:51:24.000Z","updated_at":"2025-03-22T10:31:08.000Z","dependencies_parsed_at":"2023-11-22T04:26:06.752Z","dependency_job_id":"3345c3ea-5735-472f-8d81-50daf37f078f","html_url":"https://github.com/llimllib/observable-plot-template","commit_stats":null,"previous_names":[],"tags_count":0,"template":true,"template_full_name":null,"purl":"pkg:github/llimllib/observable-plot-template","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/llimllib%2Fobservable-plot-template","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/llimllib%2Fobservable-plot-template/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/llimllib%2Fobservable-plot-template/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/llimllib%2Fobservable-plot-template/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/llimllib","download_url":"https://codeload.github.com/llimllib/observable-plot-template/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/llimllib%2Fobservable-plot-template/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":266263057,"owners_count":23901353,"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":[],"created_at":"2024-11-30T15:19:57.721Z","updated_at":"2025-07-21T08:01:53.338Z","avatar_url":"https://github.com/llimllib.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Typescript Observable plot template\n\nThis template repository gets you started with a very simple observable plot that looks like this:\n\n![a simple scatter plot](./example.png)\n\nThe plot isn't much, but this repository's main job is to set up a typescript environment so that you can start hacking on your graph without any hassle.\n\n## Instructions\n\n1. Clone this repo\n2. `npm install`\n3. `make watch`\n\nIf the install was succesful, `make watch` will open a tab in your browser to a\nweb page showing an observable plot, and it will watch `src/index.ts` for\nchanges and rebuild it if there are any.\n\n## Prerequisites\n\n- a modern nodejs environment (tested with version 20)\n- gnu make\n\n## Make tasks\n\nI use `make` tasks instead of `npm run` commands because tsc builds can get quite slow once your file gets larger.\n\nThis repo has three targets you'll want to use:\n\n- `make all`: build the production file and save it to `dist/index.js`\n- `make watch`:\n    - watches `src/index.ts` for changes and recompiles it when there are changes (using [nodemon](https://nodemon.io/))\n    - serves `index.html` on a web server using [http-server](https://www.npmjs.com/package/http-server)\n- `make ci`: run eslint. There's a github action that runs this task for you on pushes\n\n## Tools\n\n- tsc for typechecking\n- esbuild for compilation\n- eslint for linting\n- prettier for formatting\n- make for running tasks and managing compilation\n- github actions for running lint on code changes\n- http-server for serving the site in development\n- nodemon for watching files for changes\n\n## Observable Plot Documentation\n\n- https://observablehq.com/@observablehq/plot\n- https://github.com/observablehq/plot\n- https://observablehq.com/@observablehq/plot-cheatsheets?collection=@observablehq/plot-cheatsheets\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fllimllib%2Fobservable-plot-template","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fllimllib%2Fobservable-plot-template","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fllimllib%2Fobservable-plot-template/lists"}