background preloader

BonsaiJS - A Graphics Library

BonsaiJS - A Graphics Library

http://bonsaijs.org/

Related:  Node.js | GraphicsChart APIOutils design sonorevisualisationdata

JavaScript Image ASCIIfier Utilizing magic and the <canvas> element to turn internet images into sexy ASCII art Download : jsascii.js Example usage: JavaScript Charts With SVG – xCharts xCharts is an open JavaScript charting library that is built on top of D3. It works with using HTML-CSS + SVG to create good-looking and custom-data-driven charts with ease. There is support for 4 chart types: bar, cumulative, line and line-dotted where the colors, text,dimensions can all be defined via CSS. The data is provided as JSON and there are callbacks for events like mouseover, mouseout, click so that any interactions can be added.

BigScreen BigScreen.request(element[, onEnter, onExit, onError]) Request that an element go into full screen. If the element is falsy, the documentElement will be used instead. You can only call this from a user-initiated event, otherwise the browser will deny the request. That means click, key, or touch events. Using Google Charts - Google Charts Google Charts provides a perfect way to visualize data on your website. From simple line charts to complex hierarchical tree maps, the chart gallery provides a large number of ready-to-use chart types. The most common way to use Google Charts is with simple JavaScript that you embed in your web page.

30 Simple Tools For Data Visualization There have never been more technologies available to collect, examine, and render data. Here are 30 different notable pieces of data visualization software good for any designer's repertoire. They're not just powerful; they're easy to use. Getting Started with Three.js ## Introduction I have used Three.js for some of my experiments, and it does a really great job of abstracting away the headaches of getting going with 3D in the browser. With it you can create cameras, objects, lights, materials and more, and you have a choice of renderer, which means you can decide if you want your scene to be drawn using HTML 5’s canvas, WebGL or SVG. And since it’s open source you could even get involved with the project. But right now I’ll focus on what I’ve learned by playing with it as an engine, and talk you through some of the basics. For all the awesomeness of Three.js, there can be times where you might struggle.

13 Chart and Graph plotting javascript plugins There are more and more Javascript chart and graph plotting solutions are being released and available for free online. I work on a complicated graph for a website before, we used highchart as the solution, during that time, there isn't a lot of plugins to choose from, but now, we can easily find many very capable charting libraries. Personally, the rise of this kind of plugins are due to: GMaps.js - Use the potential of Google Maps in a much, much simpler way Javascript/Added on June 1, 2012/Add to favorites GMaps.js allows you to use the potential of Google Maps in a much, much simpler way. You will not need to sift through extensive documentation or plow through large amounts of code. Using GMaps.js is as easy as:

Ember Charts A charting library built with the Ember.js and d3.js frameworks. It includes time series, bar, pie, and scatter charts which are easy to extend and modify. The out-of-the-box behavior these chart components represents our thoughts on best practices in chart interactivity and presentation. Features 39 Data Visualization Tools for Big Data Big Data is more valuable when visualized and analyzed Data visualizations are everywhere and are more important than ever. From creating a visual representation of data points as part of an executive presentation, to showcasing progress, or even visualizing concepts for customer segments, data visualizations are a critical and valuable tool in many different situations. When it comes to big data, weak tools with basic features don’t cut it. The following 39 data visualization tools for big data (listed in no particular order) are some of the best, most comprehensive, sophisticated-yet-flexible visualization tools available.

colony Colony is a neat little visualisation tool for exploring Node projects and their dependencies using d3.js. Each file is represented as a node in the graph. If one file depends on another, a link is made between the two files. Each file is coloured based on the module they belong to. flotr2 Introduction Flotr2 is a library for drawing HTML5 charts and graphs. It is a branch of flotr which removes the Prototype dependency and includes many improvements. Features:

Related:  education