{"version":1,"pages":[{"id":"-Lz6Ctqxc1vcY8DGW5N3","title":"Introduction to I2Djs","pathname":"/i2djs","siteSpaceId":"sitesp_0ymQZ","description":"Version-3.7 - 2D graphics renderer for SVG, Canvas and WebGL contexts."},{"id":"-Lz6G3auhxmcN6crvCxH","title":"Getting Started","pathname":"/i2djs/getting-started","siteSpaceId":"sitesp_0ymQZ","description":""},{"id":"-Lz8IH_VNbgotIYxniH8","title":"Installation","pathname":"/i2djs/getting-started/installation","siteSpaceId":"sitesp_0ymQZ","description":"Simple and easy to follow","breadcrumbs":[{"label":"Getting Started"}]},{"id":"-Lz8R2c28XJuMB2H8ol2","title":"Quick Start","pathname":"/i2djs/getting-started/quick-start","siteSpaceId":"sitesp_0ymQZ","description":"Get started with I2Djs to create rich, blazing fast visualisations.","breadcrumbs":[{"label":"Getting Started"}]},{"id":"-Lz8asbktTeXHuIYQwJU","title":"Resources","pathname":"/i2djs/getting-started/resources","siteSpaceId":"sitesp_0ymQZ","description":"Learning Material - Examples and articles.","breadcrumbs":[{"label":"Getting Started"}]},{"id":"-LzcKzSCwj8G86ObRU6n","title":"Guide","pathname":"/i2djs/tutorial-point","siteSpaceId":"sitesp_0ymQZ","description":""},{"id":"-M-657RewPoUFKxBFBke","title":"Canvas: Create-animate","pathname":"/i2djs/tutorial-point/canvas-create-animate","siteSpaceId":"sitesp_0ymQZ","description":"learn Canvas Layer - Element creation and animation of its attributes.","breadcrumbs":[{"label":"Guide"}]},{"id":"-M-65PZt8SZWVaIMasYX","title":"SVG: Create-animate","pathname":"/i2djs/tutorial-point/svg-create-animate","siteSpaceId":"sitesp_0ymQZ","description":"learn SVG Layer - Element creation and animation of its attributes.","breadcrumbs":[{"label":"Guide"}]},{"id":"-M-65SX5CWhj3NBczxED","title":"WebGL: Create-animate","pathname":"/i2djs/tutorial-point/webgl-create-animate","siteSpaceId":"sitesp_0ymQZ","description":"learn WebGl Layer - Element creation and animation of its attributes.","breadcrumbs":[{"label":"Guide"}]},{"id":"-M-pzUvuEBhxo4Gz_C7_","title":"Data Join-Action","pathname":"/i2djs/tutorial-point/join-action","siteSpaceId":"sitesp_0ymQZ","description":"Perform join between Data and Graphical elements","breadcrumbs":[{"label":"Guide"}]},{"id":"-M-pzHPiZIsz6WqLFKEt","title":"Animation-Chaining","pathname":"/i2djs/tutorial-point/animation-chaining","siteSpaceId":"sitesp_0ymQZ","description":"Complex animations made easy","breadcrumbs":[{"label":"Guide"}]},{"id":"-M-painM4lemtkWfX1PM","title":"Canvas: Textures & Sprite animation","pathname":"/i2djs/tutorial-point/canvas-sprite","siteSpaceId":"sitesp_0ymQZ","description":"Sprites","breadcrumbs":[{"label":"Guide"}]},{"id":"-M-pz0GiOfw8az5DmFMh","title":"Canvas: Heatmap","pathname":"/i2djs/tutorial-point/canvas-heatmap","siteSpaceId":"sitesp_0ymQZ","description":"","breadcrumbs":[{"label":"Guide"}]},{"id":"-M-pzMBApPGORpRH2f7q","title":"WebGL: Heatmap","pathname":"/i2djs/tutorial-point/webgl-heatmap","siteSpaceId":"sitesp_0ymQZ","description":"","breadcrumbs":[{"label":"Guide"}]},{"id":"-M-pz_Xj74n7QxZwwg-1","title":"WebGL: Custom Shaders","pathname":"/i2djs/tutorial-point/webgl-custom-shaders","siteSpaceId":"sitesp_0ymQZ","description":"","breadcrumbs":[{"label":"Guide"}]},{"id":"-M2O0QIYWRrpiTPlW9jx","title":"Canvas: GeoWorld Map with D3 modules","pathname":"/i2djs/tutorial-point/canvas-geoworld-map-with-d3-modules","siteSpaceId":"sitesp_0ymQZ","description":"","breadcrumbs":[{"label":"Guide"}]},{"id":"-M4403-KkZ3T9-p7PQMw","title":"Canvas: Clipping, Masking, Pattern","pathname":"/i2djs/tutorial-point/canvas-clipping-masking-pattern","siteSpaceId":"sitesp_0ymQZ","description":"","breadcrumbs":[{"label":"Guide"}]},{"id":"-M440N7cDz_r7FgZiBoq","title":"SVG: Clipping, Masking, Pattern","pathname":"/i2djs/tutorial-point/svg-clipping-masking-pattern","siteSpaceId":"sitesp_0ymQZ","description":"","breadcrumbs":[{"label":"Guide"}]},{"id":"-MMaoPNtp1qBDSDPR3Mw","title":"I2Djs + Physics Engine - MatterJs","pathname":"/i2djs/tutorial-point/i2djs-+-physics-engine-matterjs","siteSpaceId":"sitesp_0ymQZ","description":"","breadcrumbs":[{"label":"Guide"}]},{"id":"-Lz8IFmdxi6G8L6D4N6i","title":"API Reference","pathname":"/i2djs/api-reference","siteSpaceId":"sitesp_0ymQZ","description":""},{"id":"-Lz8cwanRr56NQZldFwA","title":"Layers","pathname":"/i2djs/api-reference/layers","siteSpaceId":"sitesp_0ymQZ","description":"","breadcrumbs":[{"label":"API Reference"}]},{"id":"-LzVfpyu5lDou94R6AOs","title":"Canvas Layer","pathname":"/i2djs/api-reference/layers/canvas-layer","siteSpaceId":"sitesp_0ymQZ","description":"","breadcrumbs":[{"label":"API Reference"},{"label":"Layers"}]},{"id":"-LzVg-dZxmYgsJEWTaYs","title":"SVG Layer","pathname":"/i2djs/api-reference/layers/svg-layer","siteSpaceId":"sitesp_0ymQZ","description":"","breadcrumbs":[{"label":"API Reference"},{"label":"Layers"}]},{"id":"-LzVg2F6iukfU4v1WTc3","title":"WebGL Layer","pathname":"/i2djs/api-reference/layers/webgl-layer","siteSpaceId":"sitesp_0ymQZ","description":"","breadcrumbs":[{"label":"API Reference"},{"label":"Layers"}]},{"id":"-Lz8dKtgOShsws8vWtkG","title":"Elements API","pathname":"/i2djs/api-reference/elements-api","siteSpaceId":"sitesp_0ymQZ","description":"","breadcrumbs":[{"label":"API Reference"}]},{"id":"-M-pbEuMIxfsEoSkS4c6","title":"Canvas additional features","pathname":"/i2djs/api-reference/canvas-api","siteSpaceId":"sitesp_0ymQZ","description":"","breadcrumbs":[{"label":"API Reference"}]},{"id":"-M-pbKczTrycU0JoUqyX","title":"WebGL additional features","pathname":"/i2djs/api-reference/webgl-api","siteSpaceId":"sitesp_0ymQZ","description":"","breadcrumbs":[{"label":"API Reference"}]},{"id":"-M198_oGpcpt2UAGrwnE","title":"Custom Shader","pathname":"/i2djs/api-reference/webgl-api/custom-shader","siteSpaceId":"sitesp_0ymQZ","description":"","breadcrumbs":[{"label":"API Reference"},{"label":"WebGL additional features"}]},{"id":"-M198gQdYxT6GVJUNxSJ","title":"Geometry","pathname":"/i2djs/api-reference/webgl-api/geometry","siteSpaceId":"sitesp_0ymQZ","description":"","breadcrumbs":[{"label":"API Reference"},{"label":"WebGL additional features"}]},{"id":"-M198SnUkk3_bAK7_e33","title":"Render Target","pathname":"/i2djs/api-reference/webgl-api/render-target","siteSpaceId":"sitesp_0ymQZ","description":"","breadcrumbs":[{"label":"API Reference"},{"label":"WebGL additional features"}]},{"id":"-M198cF7uME8GE46yWiR","title":"Texture Object","pathname":"/i2djs/api-reference/webgl-api/texture-object","siteSpaceId":"sitesp_0ymQZ","description":"","breadcrumbs":[{"label":"API Reference"},{"label":"WebGL additional features"}]},{"id":"-Lz8dcJsL-3QivkMVVHG","title":"Join Action","pathname":"/i2djs/api-reference/join-action","siteSpaceId":"sitesp_0ymQZ","description":"A way to define the relation ship between data and the graphical elements.","breadcrumbs":[{"label":"API Reference"}]},{"id":"-Lz8dpWd4Yr59nLeNsj6","title":"Animation","pathname":"/i2djs/api-reference/animation","siteSpaceId":"sitesp_0ymQZ","description":"","breadcrumbs":[{"label":"API Reference"}]},{"id":"-Lz8e-CC38nX44e50bvc","title":"Chaining","pathname":"/i2djs/api-reference/chaining","siteSpaceId":"sitesp_0ymQZ","description":"Chain animations","breadcrumbs":[{"label":"API Reference"}]},{"id":"-M-prhEot6OjNyqpdKUf","title":"Path","pathname":"/i2djs/api-reference/path","siteSpaceId":"sitesp_0ymQZ","description":"","breadcrumbs":[{"label":"API Reference"}]},{"id":"-M-pz7xnuG9oKvkcCpUN","title":"Events","pathname":"/i2djs/api-reference/events","siteSpaceId":"sitesp_0ymQZ","description":"","breadcrumbs":[{"label":"API Reference"}]},{"id":"-M6zmOxXI78oKLbpzS2c","title":"Behaviour","pathname":"/i2djs/api-reference/behaviour","siteSpaceId":"sitesp_0ymQZ","description":"","breadcrumbs":[{"label":"API Reference"}]},{"id":"-M8tKA3id35rAZzrL6tT","title":"Zoom and Pan","pathname":"/i2djs/api-reference/behaviour/zoom-and-pan","siteSpaceId":"sitesp_0ymQZ","description":"","breadcrumbs":[{"label":"API Reference"},{"label":"Behaviour"}]},{"id":"-M8tKGACjfJz11YTq4LD","title":"Drag","pathname":"/i2djs/api-reference/behaviour/drag","siteSpaceId":"sitesp_0ymQZ","description":"","breadcrumbs":[{"label":"API Reference"},{"label":"Behaviour"}]},{"id":"-LzcIibLAVwIGbTVEcmu","title":"Examples","pathname":"/i2djs/examples","siteSpaceId":"sitesp_0ymQZ","description":""},{"id":"-LzcJ0oReXWZLJRa6uO4","title":"Canvas","pathname":"/i2djs/examples/canvas","siteSpaceId":"sitesp_0ymQZ","description":"","breadcrumbs":[{"label":"Examples"}]},{"id":"-LzcJ4enXhPCNQ960Rkw","title":"SVG","pathname":"/i2djs/examples/svg","siteSpaceId":"sitesp_0ymQZ","description":"","breadcrumbs":[{"label":"Examples"}]},{"id":"-LzcJhHruK1jRJtE0q2t","title":"WebGL","pathname":"/i2djs/examples/webgl","siteSpaceId":"sitesp_0ymQZ","description":"","breadcrumbs":[{"label":"Examples"}]}]}