Exporting multiple graphs (SVG) to PDF - javascript

I'm trying to export multiple graphs (fusion charts XT - rendered as SVG format in web page) to PDF. I learnt fusion charts isn't providing any feature for Javascript graphs. I search for multiple dlls. Finally tried working with jsPDF.js as well as svg_to_pdf.js - but when it comes to rendering multiple graphs - not sure how to proceed. Is there any example online for downloading multiple svg images in a web page to pdf? Please suggest.

Do you have multiple graphs on the same page and want to export them all into one PDF?
If yes, then you can probably consider converting those SVGs into multiple image streams (base64 encoded) using canvas, pass them to the server side, and the server can generate a PDF file containing those image streams.
We have used this method in our own application and I hope it can help you, too.

Related

Dynamically Saving Images to a PDF template

I'm building a website where people can pick several pictures from a range.
I then want the users to be able to create a PDF using those pictures. However I want those pictures inserted in predefined positions and sizes in a template I have already created which will contain other predone materials (words pictures etc).
So my question :
its possible ?
Can anyone recommend a library which will satisfy my needs, I have had a look and I cant see any PDF libraries that seem to mention templates
Any guidance on where to start will be greatly appreciated.
Yes, this is completely possible.
I would recommend using wkhtmltopdf to generate the pdfs from an html template.
Another handy library for this kind of work is image.intervention
Both of these would work with PHP.
If you're working in javaScript you may want to use PDFKit
Edited: Only if you use php.
There are several libraries you can use to generate a pdf depending on what template you will build your pdf. I hardly recommend TCPDF. You can use html to layout the design you want or you can embed the image directly on a page. See an example here.

Is there anyway to export D3 JS graphs into LaTeX tikz graphs programmatically?

There are many ways of exporting R graphs and R Tables quickly into LaTeX using the R tikzDevice (on the R side) and the LaTeX tikz package (On LaTeX side). Have a look at this blog article for more info.
Are there any automated method or JS library similar to the above concept but transforms a complete visualization in D3.JS to native LaTeX TiKz like graphs. I need that to include good resolution graphs into LaTeX papers and reports.
I know that there many ways and JS code that export visualization into PNG, JPEG, PDF etc... Is there any easy way to export D3.js into TikZ LaTeX?
Thanks for any suggestions.
Not tested but pretty sure you could go: d3js->SVG->TikZ
Export from d3 to SVG, e.g
d3.select(this)
.attr("href", 'data:application/octet-stream;base64,' + btoa(d3.select("#graph").html()))
.attr("download", "graph.svg")
Convert SVG to TikZ (SVG2TikZ, etc).
Import TikZ into LaTeX
If this process works you could easily automate it using python.
I know that there many ways and JS code that export visualization into
PNG, JPEG, PDF etc...
My thinking is that if you can't go direct - then to try and use one of the many ways as an intermediate format (in this case SVG) to get the data from one to the other.

Is it possible to get D3js charts into xml?

I have created a simple Area chart from D3js Example. Now i want to export complete code of area chart into xml so that any end user can manually change xml data and then save it and use it.
Is there a way to achieve in it.
If you are generating SVG via D3.js, it is naturally XML - which is handy for you.
You could grab the SVG from the HTML DOM and use the FileSaver API to generate a file to save.
Here is a FileSaver polyfil which also has a nice introduction.
Alternatively you could send the SVG (from the DOM) via Ajax and do it server-side.
UPDATE:
Here is an example of grabbing the svg element on the client side, however it generates the download vis the server-side. Mixed with FileSaver you could do the lot client side.
http://d3export.housegordon.org/
See this question I don't think you can export the chart but you can try exporting the chart data.

Convert HTML Report to PDF

I want convert an HTML report to PDF. I know that there are so many libraries are available for this purpose. But the HTML report contains so many graphs created using Jqplot. I want to include these graphs in the PDF also. If you are familiar with any library which also convert graphs to PDF, please give me the reference.
you can use bullzip pdf printer it creates a virtual pdf printer that can transform your HTML content to a pdf file from the browser:
http://www.bullzip.com/
you can also find a lot of useful tools right there!
I don't have experience with Jqplot, but I have successfully converted html pages which contain pie charts from Google Charts (completely javascript generated) to pdf.
I used wkhtmltopdf - it's a commandline tool but there are wrapper classes for php and some others I believe.
I'm sure you could find something applicable with a bit of googling but this looks promising: https://github.com/mikehaertl/phpwkhtmltopdf

How do you safely convert an Ext JS 4 Chart to an image?

Just wondering if anyone knows how you would obtain an image from an Ext JS Chart in a secure manner?
I noticed that the Ext JS 4.1 preview has a "save" method that allows you to get a .png image from a chart but looking at the source code it seems to just sends the definition of the svg/vml from your chart to a Sencha server which is not secure enough for what I need.
I had to do this before 4.1 so I never used the Sencha server conversion. ImageMagick didn't have a conversion for html to image but wkhtmltoimage worked great on my own server side.
The charts have to be in their own distinct page and wkhtmltoimage will convert it to whatever format you need.

Categories

Resources