{"id":23044017,"url":"https://github.com/bakoe/datacanvas","last_synced_at":"2025-04-03T01:40:35.719Z","repository":{"id":43718176,"uuid":"449351874","full_name":"bakoe/datacanvas","owner":"bakoe","description":"A proof-of-concept, open-source, MIT-licensed web application for visual, interactive creation and editing of 2D, 2.5D and 3D data visualizations.","archived":false,"fork":false,"pushed_at":"2022-04-25T14:48:31.000Z","size":879,"stargazers_count":2,"open_issues_count":34,"forks_count":0,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-02-08T15:46:40.202Z","etag":null,"topics":["data-visualization","dataflow-programming","visual-programming","webgl","webgl2"],"latest_commit_sha":null,"homepage":"https://datacanvas.dev","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/bakoe.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":"2022-01-18T16:00:33.000Z","updated_at":"2024-02-12T15:34:49.000Z","dependencies_parsed_at":"2022-08-22T19:01:04.353Z","dependency_job_id":null,"html_url":"https://github.com/bakoe/datacanvas","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bakoe%2Fdatacanvas","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bakoe%2Fdatacanvas/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bakoe%2Fdatacanvas/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bakoe%2Fdatacanvas/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/bakoe","download_url":"https://codeload.github.com/bakoe/datacanvas/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246922236,"owners_count":20855343,"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":["data-visualization","dataflow-programming","visual-programming","webgl","webgl2"],"created_at":"2024-12-15T20:50:59.403Z","updated_at":"2025-04-03T01:40:35.703Z","avatar_url":"https://github.com/bakoe.png","language":"TypeScript","readme":"# **datacanvas**\n\n[Datacanvas](https://datacanvas.dev) is a proof-of-concept, open-source, MIT-licensed web application for visual, interactive creation and editing of 2D, 2.5D and 3D data visualizations. \n\n![A short, looping screencast showing the usage of the datacanvas editor](https://thumbs.gfycat.com/InsignificantDescriptiveGecko-size_restricted.gif)\n\n## Source Structure\n\nThis repository is structured as follows:\n\n| Directory                                         | Description                                                                          |\n| ------------------------------------------------- | ------------------------------------------------------------------------------------ |\n| `/`                                               | TypeScript and GLSL source code files for the web-based visualization creation tool  |\n| [`lib/headless-renderer`](/lib/headless-renderer) |  Source code files for the headless, server-side rendering of visualizations         |\n\nFor instructions about the individual components and their setup, view the respective README files of the directories.\n\n![License](https://img.shields.io/github/license/bakoe/datacanvas.svg?logo=coveralls)\n\n---\n\n# **datacanvas** › Web-based visualization editor\n\nThis directory contains the TypeScript and GLSL source code files for the web-based visualization creation tool [datacanvas](https://datacanvas.dev).\n\n## Setup Instructions\n\nThe web-based tool is written in TypeScript and bundled using Vite/Rollup to allow for static serving of the resulting assets, i.e., the HTML, JS, and image files. \n\nThus, make sure to have Node.js installed on your system and install the project’s dependencies using the following command:\n\n```bash\nnpm install\n```\n\n## NPM Configuration and Project Setup\n\n`package.json` specifies the following scripts that can be run by `npm run \u003ccommand\u003e`.\n\n| command         | description                                                                                                           |\n| --------------- | --------------------------------------------------------------------------------------------------------------------- |\n| `build`         | builds the tool for deployment, creating a bundle with all facilities                                                 |\n| `dev`           | starts a local development server serving the tool on port 3000                                                       |\n| `format`        | auto-formats the source code using [Prettier](https://prettier.io)                                                    |\n| `lint`          | performs code quality linting using [TypeScript ESLint Rules](https://github.com/typescript-eslint/typescript-eslint) |\n| `preview`       | locally previews the production build created via `npm run build`                                                     |\n\n## Deployment\n\nThe tool is deployed using [Vercel](https://vercel.com). You can use the [Vercel CLI](https://vercel.com/docs/cli) to serve an instance of datacanvas, including the redirects set-up via the `vercel.json` file.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbakoe%2Fdatacanvas","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbakoe%2Fdatacanvas","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbakoe%2Fdatacanvas/lists"}