Initial commit

Author: typpo

.gcloudignore

@@ -0,0 +1,18 @@
+# This file specifies files that are *not* uploaded to Google Cloud Platform
+# using gcloud. It follows the same syntax as .gitignore, with the addition of
+# "#!include" directives (which insert the entries of the given .gitignore-style
+# file at that point).
+#
+# For more information, run:
+#   $ gcloud topic gcloudignore
+#
+.gcloudignore
+# If you would like to upload your .git directory, .gitignore file or files
+# from your .gitignore file, remove the corresponding line
+# below:
+.git
+.gitignore
+README.md
+
+node_modules
+examples

.gitignore

@@ -0,0 +1,131 @@
+venv
+scripts
+
+### Vim ###
+[._]*.s[a-w][a-z]
+[._]s[a-w][a-z]
+*.un~
+Session.vim
+.netrwhist
+*~
+
+
+### OSX ###
+.DS_Store
+.AppleDouble
+.LSOverride
+
+# Icon must end with two \r
+Icon
+
+
+# Thumbnails
+._*
+
+# Files that might appear in the root of a volume
+.DocumentRevisions-V100
+.fseventsd
+.Spotlight-V100
+.TemporaryItems
+.Trashes
+.VolumeIcon.icns
+
+# Directories potentially created on remote AFP share
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk
+
+
+### Python ###
+# Byte-compiled / optimized / DLL files
+__pycache__/
+*.py[cod]
+*$py.class
+
+# C extensions
+*.so
+
+# Distribution / packaging
+.Python
+env/
+build/
+develop-eggs/
+dist/
+downloads/
+eggs/
+.eggs/
+lib/
+lib64/
+parts/
+sdist/
+var/
+*.egg-info/
+.installed.cfg
+*.egg
+
+# PyInstaller
+#  Usually these files are written by a python script from a template
+#  before PyInstaller builds the exe, so as to inject date/other infos into it.
+*.manifest
+*.spec
+
+# Installer logs
+pip-log.txt
+pip-delete-this-directory.txt
+
+# Unit test / coverage reports
+htmlcov/
+.tox/
+.coverage
+.coverage.*
+.cache
+nosetests.xml
+coverage.xml
+*,cover
+
+# Translations
+*.mo
+*.pot
+
+# Django stuff:
+*.log
+
+# Sphinx documentation
+docs/_build/
+
+# PyBuilder
+target/
+
+
+### Node ###
+# Logs
+logs
+*.log
+npm-debug.log*
+
+# Runtime data
+pids
+*.pid
+*.seed
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (http://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directory
+# https://docs.npmjs.com/misc/faq#should-i-check-my-node-modules-folder-into-git
+node_modules
+

README.md

@@ -0,0 +1,71 @@
+google-charts-node
+---
+
+This package allows you to render Google Charts on the server as PNG images.
+
+This is made possible through the use of puppeteer, a headless Chromium browser.
+
+## Example
+
+```js
+const GoogleChartsNode = require('google-charts-node');
+
+// Define your chart drawing function
+function drawChart() {
+  const data = google.visualization.arrayToDataTable([
+    ['City', '2010 Population',],
+    ['New York City, NY', 8175000],
+    ['Los Angeles, CA', 3792000],
+    ['Chicago, IL', 2695000],
+    ['Houston, TX', 2099000],
+    ['Philadelphia, PA', 1526000]
+  ]);
+
+  const options = {
+    title: 'Population of Largest U.S. Cities',
+    chartArea: {width: '50%'},
+    hAxis: {
+      title: 'Total Population',
+      minValue: 0
+    },
+    vAxis: {
+      title: 'City'
+    }
+  };
+
+  const chart = new google.visualization.BarChart(container);
+  chart.draw(data, options);
+}
+
+// Render the chart to image
+const image = await GoogleChartsNode.render(drawChart, {
+  width: 400,
+  height: 300,
+});
+```
+
+This produces the following image:
+
+![Google Charts Image](https://i.imgur.com/ABS8FSR.png)
+
+The only requirements of your `drawChart` function are that you must:
+- Define a `chart` variable or return your chart.
+- Use the provided `container` variable to render your chart.
+
+## Usage
+
+### render(drawChartFunction, options) -> Buffer
+
+The library exposes a single function, render.
+
+**drawChartFunction** is a Function or Javascript string that is evaluated in order to draw the chart.  You should put your regular `drawChart` Google Charts function here.
+
+**options** is a dictionary containing some settings and parameters:
+- **width**: Width of chart canvas (default `100%`)
+- **height**: Height of chart canvas (default `100%`)
+- **packages**: Array of Google Charts packages to import (default `['corechart']`)
+- **mapsApiKey**: Google Maps API key (used only for geochart and map charts)
+
+## More examples
+
+See the `examples/` directory for more examples of different charts.

app.js

@@ -0,0 +1,11 @@
+const express = require('express');
+
+const { render } = require('./index');
+
+const app = express();
+
+app.get('/google-charts', render);
+
+const port = process.env.PORT || 3500;
+app.listen(port);
+console.log(`Listening on port ${port}`);

examples/barchart.js

@@ -0,0 +1,39 @@
+const fs = require('fs');
+
+const GoogleChartsNode = require('../index');
+
+(async () => {
+  const image = await GoogleChartsNode.render(drawChart, {
+    width: 400,
+    height: 300,
+  });
+
+  fs.writeFileSync('/tmp/google-chart.png', image);
+})();
+
+function drawChart() {
+  var data = google.visualization.arrayToDataTable([
+    ['City', '2010 Population'],
+    ['New York City, NY', 8175000],
+    ['Los Angeles, CA', 3792000],
+    ['Chicago, IL', 2695000],
+    ['Houston, TX', 2099000],
+    ['Philadelphia, PA', 1526000],
+  ]);
+
+  var options = {
+    title: 'Population of Largest U.S. Cities',
+    chartArea: { width: '50%' },
+    hAxis: {
+      title: 'Total Population',
+      minValue: 0,
+    },
+    vAxis: {
+      title: 'City',
+    },
+  };
+
+  var chart = new google.visualization.BarChart(document.getElementById('chart_div'));
+
+  chart.draw(data, options);
+}