{"id":19113717,"url":"https://github.com/spiffgreen/pictorial","last_synced_at":"2026-06-12T23:33:16.176Z","repository":{"id":114586042,"uuid":"380556197","full_name":"SpiffGreen/pictorial","owner":"SpiffGreen","description":"Pictorial is a simple domain-specific language that compiles to Scalable Vector Graphics, SVG format.","archived":false,"fork":false,"pushed_at":"2021-06-26T18:07:50.000Z","size":4,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-22T11:44:01.800Z","etag":null,"topics":["compiler","construction","design","image","language","pictorial","svg","transpiler"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/SpiffGreen.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","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":"2021-06-26T17:10:07.000Z","updated_at":"2021-08-19T09:37:21.000Z","dependencies_parsed_at":null,"dependency_job_id":"d37775fc-9182-43d3-a7b9-9ef4bd9cbbd2","html_url":"https://github.com/SpiffGreen/pictorial","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/SpiffGreen/pictorial","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SpiffGreen%2Fpictorial","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SpiffGreen%2Fpictorial/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SpiffGreen%2Fpictorial/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SpiffGreen%2Fpictorial/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/SpiffGreen","download_url":"https://codeload.github.com/SpiffGreen/pictorial/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SpiffGreen%2Fpictorial/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":34266915,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-12T02:00:06.859Z","response_time":109,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["compiler","construction","design","image","language","pictorial","svg","transpiler"],"created_at":"2024-11-09T04:37:57.408Z","updated_at":"2026-06-12T23:33:16.151Z","avatar_url":"https://github.com/SpiffGreen.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Pictorial\nPictorial is a simple domain specific language that compiles to Scalable Vector Graphics, SVG format. Its simple and expressive.\n\n## Samples\n### Program structure\n```\n    - Compiler Directives\n\n    - Program statements\n```\n\n### Example Head made with shapes\n```\n#use \u003csvg\u003e /* Tells pictorial to compile to SVG */\n#doc_width 300 /* Sets the pictures width */\n#doc_height 300 /* Sets the pictures height */\n\ncircle 150 130 75 green 0 brown /* Head */\ncircle 80 70 30 black 0 black /* left ear */\ncircle 220 70 30 black 0 black /* right ear */\ncircle 120 110 15 black 5 white /* left eye */\ncircle 180 110 15 black 5 white /* right eye */\ncircle 150 140 10 black 0 black /* nose */\nline 135 175 165 175 yellow 20\n```\n\nOutput:\n\u003cdiv align=\"center\"\u003e\n\n![head](https://raw.githubusercontent.com/SpiffGreen/cdn/dbbf3473e0d95a2b966e86b6612554158ee43319/pictorial_cartoon_head.svg)\n\u003c/div\u003e\n\n## Syntax\nAn overview of the language's elements\n## `#use`\nThis tells the compiler what format to use and compile to.\n```\n#use \u003csvg\u003e\n```\n\n### `#doc_width`\nThis sets the width of the final picture.\n```\n#doc_width value\n```\n\n### `#doc_height`\nThis sets the height of the final picture.\n```\n#doc_height value\n```\n\n### `line`\nThis is a pictorial language construct that corresponds to an SVG line element. Values passed to it are used for the SVG line element attributes.\n```\nline x1 y1 x2 y2 stroke-color stroke-width\n```\n\n### `text`\nThis is also is a language construct that produces a SVG text element. Values passed to it are passed to the corresponding SVG text element as attributes.\n```\ntext x y value\n```\n\n### `circle`\nYet another language construct that represents an SVG circle element. Like every other construct of this kind values passed to it are passed to its corresponding SVG circle element as attributes.\n```\ncircle x y r stroke-color stroke-width fill\n```\n\n### `rect`\nThis construct will add an SVG rectangle to resultant svg.\n```\nrect x y width height fill\n```\n\u003c!-- ### `path` --\u003e\n\n## License\nServe-JS is [MIT licensed](LICENSE.md)\n\nCopyright 2021 Spiff Jekey-Green \u003cspiffjekeygreen@gmail.com\u003e\n\n\u003cp align=\"center\"\u003eMade with ❤️ in Nigeria 🇳🇬\u003c/p\u003e","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fspiffgreen%2Fpictorial","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fspiffgreen%2Fpictorial","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fspiffgreen%2Fpictorial/lists"}