Awesome
d3plus-export
Export methods for transforming and downloading SVG.
Installing
If using npm, npm install d3plus-export. Otherwise, you can download the latest release from GitHub or load from a CDN.
import modules from "d3plus-export";
d3plus-export can be loaded as a standalone library or bundled as part of D3plus. ES modules, AMD, CommonJS, and vanilla environments are supported. In vanilla, a d3plus global is exported:
<script src="https://cdn.jsdelivr.net/npm/d3plus-export@1"></script>
<script>
console.log(d3plus);
</script>
Examples
Live examples can be found on d3plus.org, which includes a collection of example visualizations using d3plus-react. These examples are powered by the d3plus-storybook repo, and PRs are always welcome. :beers:
API Reference
- saveElement - Downloads an HTML Element as a bitmap PNG image.
<a name="saveElement"></a>
d3plus.saveElement(elem, [options], [renderOptions]) <>
Downloads an HTML Element as a bitmap PNG image.
This is a global function.
| Param | Type | Default | Description |
|---|---|---|---|
| elem | <code>HTMLElement</code> | A single element to be saved to one file. | |
| [options] | <code>Object</code> | Additional options to specify. | |
| [options.filename] | <code>String</code> | <code>"download"</code> | Filename for the downloaded file, without the extension. |
| [options.type] | <code>String</code> | <code>"png"</code> | File type of the saved document. Accepted values are "png" and "jpg". |
| [options.callback] | <code>function</code> | Function to be invoked after saving is complete. | |
| [renderOptions] | <code>Object</code> | Custom options to be passed to the html-to-image function. |