kevinschaul / depict Goto Github PK
View Code? Open in Web Editor NEWDepict aims to easily render fallback images for complex visualizations. (IE 8, I'm looking at you.)
License: MIT License
Depict aims to easily render fallback images for complex visualizations. (IE 8, I'm looking at you.)
License: MIT License
Would be useful for hiding UI components that don't make sense for fallback images.
Also, it could help with rendering multiple sizes of the same chart.
Great idea. Here is the output I am getting with this command:
depict http://www.google.co.uk -s 'body' test.png
For my MacOS configuration, here is my 'uname -a'
Darwin diamond 12.4.0 Darwin Kernel Version 12.4.0: Wed May 1 17:57:12 PDT 2013; root:xnu-2050.24.15~1/RELEASE_X86_64 x86_64
What can I do to help you debug / reproduce this?
Such a tool could take an html element as a parameter, and output a screenshot of that image after the page has been rendered.
Worth looking into:
If the state of the visualisation is not encoded in the url, but requires human interaction, then it would be useful to be able to simulate a click on a particular link on the page.
eg
depict --click '#id'
where #id refers to the a element.
File paths are the issue.
On my home machine, depict
lives in /usr/local/lib/node_modules/
.
On my work machine, depict
lives in /usr/local/share/npm/lib/node_modules/
Not sure if this is possible, but it would be great if you could specify the browser width you'd like. Currently, it returns the mobile version of the site I want since I'm guessing the media queries think the depict browser is tiny.
It would also be nice to put a delay on it so it can wait for data to load.
Here's my quick solution: mhkeller/depict@cfad8e1
CasperJS is buggy, and args currently must be parsed twice, which is a downer.
Currently, depict spawns a child process to run a custom casperjs script, which does most of the work. Argument parsing in CasperJS is a disaster, so that is done in the parent process.
Ideally, everything would stay within depict. This may be possible using phantomjs-node and phantomjs, shedding the casperjs dependency.
Depict would have some duplicate functionality with casperjs, but it would be only what depict needs (and hopefully more stable).
Default is 5000 ms ?
This is submitting to github the issue that I mentioned to you on Twitter.
Create an option to boost the resolution of the output fallback file.
eg
depict --dpi 200
There's a current (recent) bug in phantomjs 2.0 on OSX
alexscheelmeyer/node-phantom#115
For now, I just installed old version of phantomjs:
brew install homebrew/versions/phantomjs198
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.