{"id":13426603,"url":"https://github.com/riccardoscalco/textures","last_synced_at":"2025-05-15T02:06:56.160Z","repository":{"id":26513627,"uuid":"29966381","full_name":"riccardoscalco/textures","owner":"riccardoscalco","description":"Textures.js is a JavaScript library for creating SVG patterns","archived":false,"fork":false,"pushed_at":"2023-01-01T20:03:38.000Z","size":5985,"stargazers_count":6060,"open_issues_count":21,"forks_count":220,"subscribers_count":91,"default_branch":"master","last_synced_at":"2025-05-11T22:03:47.166Z","etag":null,"topics":["d3","patterns","svg","textures"],"latest_commit_sha":null,"homepage":"http://riccardoscalco.github.io/textures/","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/riccardoscalco.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":"2015-01-28T12:24:23.000Z","updated_at":"2025-05-06T19:26:00.000Z","dependencies_parsed_at":"2023-01-14T04:49:39.777Z","dependency_job_id":null,"html_url":"https://github.com/riccardoscalco/textures","commit_stats":null,"previous_names":[],"tags_count":8,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/riccardoscalco%2Ftextures","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/riccardoscalco%2Ftextures/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/riccardoscalco%2Ftextures/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/riccardoscalco%2Ftextures/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/riccardoscalco","download_url":"https://codeload.github.com/riccardoscalco/textures/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254259383,"owners_count":22040820,"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":["d3","patterns","svg","textures"],"created_at":"2024-07-31T00:01:38.874Z","updated_at":"2025-05-15T02:06:56.131Z","avatar_url":"https://github.com/riccardoscalco.png","language":"JavaScript","funding_links":[],"categories":["JavaScript","CoffeeScript","Please find below the links to awesome cheat-sheet and resources:","📦 Legacy \u0026 Inactive Projects","🎨 Colour advice","Chart \u0026 Data Visualization","others","Resources","Utils"],"sub_categories":["Javascript:","Advanced","JavaScript","Color Advice"],"readme":"# textures.js\n\nTextures.js is a JavaScript library for creating SVG patterns.\nMade on top of [**d3.js**](https://d3js.org/), it is designed for data visualization.\n\nRead more on http://riccardoscalco.github.io/textures/.\n\n## Install\n\n```\nnpm install textures\n```\n\n## Usage\n\nImport `textures.js` from NPM with:\n\n```js\nimport textures from 'textures';\n```\n\nYou can also use `textures.js` in your HTML page with a `\u003cscript\u003e` tag by downloading `textures.js` to a local folder:\n\n```html\n\u003cscript src=\"path/to/textures.js\"\u003e\u003c/script\u003e\n```\n\nor by using the Unpkg CDN network:\n\n```html\n\u003cscript src=\"https://unpkg.com/textures@1.2.0/dist/textures.js\"\u003e\u003c/script\u003e\n```\n\nThen `textures.js` can be used alongside `d3` with:\n\n```js\nconst svg = d3\n  .select('#example')\n  .append(\"svg\");\n\nconst texture = textures\n  .lines()\n  .thicker();\n\nsvg.call(texture);\n\nsvg\n  .append('circle')\n  .style('fill', texture.url());\n```\n\n## License\n\nMIT\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Friccardoscalco%2Ftextures","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Friccardoscalco%2Ftextures","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Friccardoscalco%2Ftextures/lists"}