Differences
This shows you the differences between two versions of the page.
| Both sides previous revision Previous revision Next revision | Previous revision | ||
|
webbind:start [2025/04/05 03:36] optrix |
webbind:start [2025/04/06 22:18] (current) optrix |
||
|---|---|---|---|
| Line 5: | Line 5: | ||
| Although its far less flexible than solutions built with the full Javascript API and tools such as D3.js, it provides a minimal-effort way to bring live data to static pages. | Although its far less flexible than solutions built with the full Javascript API and tools such as D3.js, it provides a minimal-effort way to bring live data to static pages. | ||
| - | Fundamentally, | + | Fundamentally, |
| ===Adding the Script=== | ===Adding the Script=== | ||
| - | You'll need to add a **script** tag in either your HTML or SVG file. | + | You'll need to add a **script** tag in either your HTML or SVG file. We suggest placing the tag at the end of the document in SVG files. |
| - | For web pages/HTML files, | + | Note that the syntax is slightly different in SVG files to HTML files - HTML files use the **src** attribute, while SVG files use the **href** attribute. |
| <code html> | <code html> | ||
| + | <!-- Import Script for HTML Pages --> | ||
| <script src=" | <script src=" | ||
| - | </ | ||
| - | And for SVG vector images, you'll use... | + | <!-- Import Script |
| - | + | < | |
| - | <code html> | + | |
| - | < | + | |
| </ | </ | ||
| Line 79: | Line 77: | ||
| <code html> | <code html> | ||
| - | < | + | < |
| </ | </ | ||