{"repo":"spren9er/tilez","free":true,"listed":false,"github":"https://github.com/spren9er/tilez","clone":"git clone https://github.com/spren9er/tilez.git","description":"A Generic Layout Engine for Svelte Components","language":"TypeScript","stars":37,"topics":["layout","svelte","chart","data-visualization","composition","svg"],"license":"MIT","category":"analytics","readme_excerpt":"tilez tilez is a generic layout engine for Svelte components. Above layout was generated by tilez , where root tile props (width, height and padding) are changing over time. Boxes shown are a mixture of HTML, SVG, Canvas and WebGL elements. By default, all tiles – the building blocks of a layout – are renderless components. A layout is defined via nested, stackable tiles, where each tile has its own coordinate space, which is accessible through Svelte stores within a tile's context. tilez is - easy-to-use – declare your layout in a simple manner - flexible – can be used with SVG, HTML, Canvas, WebGL or renderless components - reactive – changing props of a tile will update all subtiles - free of dependencies – except for Svelte - opinionated – the way the layout algorithm works (see here) - robust – handles edge cases very well - light-weight – does not add more than a few bytes to your Svelte application The main application of tilez is to use it as abstraction layer for creating compositions and layers of arbitrary SVG charts for data visualization. As SVG is lacking a layout engine, tilez fills that gap. However, it can be used with HTML, Canvas and WebGL, too. Here is an example of a composition of several different Observable Plot charts, which makes up an UpSet plot. Individual charts are embedded in a simple tilez layout. The final result is one single SVG chart (w/o HTML). tilez is also helpful for building dashboards. It can easily create open , table , stratified an","default_branch":null,"files":null,"tree":[],"storefront":"/r/spren9er","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/spren9er/tilez/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}