background preloader

Beautiful HTML5 JavaScript Charts

Beautiful HTML5 JavaScript Charts
Related:  Services/APIs/Componentsbo31

Chartist - Getting started In this section you'll go through a simple example of how to use Chartist.js in your project. You'll learn the default stages you go through when creating and customizing a basic line chart. If you'd like to see more in depth and advanced examples you should check out the advanced section or the examples page. As simple as it can get Chartist provides you a very simple API to get started, however, while trying to follow the best practice of relying on standards and clear separation of concerns it sometimes needs a small mind shift in order to understand how things are meant to work within Chartist. Instead of specifying your colors, line width and other style related things in the JavaScript API, you'll need to use CSS in order to control your appearance. Creating a chart using aspect ratios Because of the nature of responsive design it's important to understand that blocks in design like images, videos and similar content need to be able to scale and adapt to the media.

D3.js - Data-Driven Documents Fouille de textes Un article de Wikipédia, l'encyclopédie libre. La fouille de textes ou "l'extraction de connaissances" dans les textes est une spécialisation de la fouille de données et fait partie du domaine de l'intelligence artificielle. Cette technique est souvent désignée sous l'anglicisme text mining. C'est un ensemble de traitements informatiques consistant à extraire des connaissances selon un critère de nouveauté ou de similarité dans des textes produits par des humains pour des humains. Les disciplines impliquées sont donc la linguistique calculatoire, l'ingénierie du langage, l'apprentissage artificiel, les statistiques et bien sûr l'informatique. Mise en œuvre[modifier | modifier le code] On peut distinguer deux étapes principales dans les traitements mis en place par la fouille de textes. La première étape, l'analyse, consiste à reconnaître les mots, les phrases, leurs rôles grammaticaux, leurs relations et leur sens. Exemple : indexation de textes[modifier | modifier le code]

GoJS Overview - HTML5 Canvas JavaScript Library for Diagrams GoJS Overview GoJS is a fast and powerful JavaScript library for implementing interactive diagrams in HTML5 web applications. The design of GoJS is similar to the design of our other diagramming controls and to GoXam in particular. The design includes support for templated definitions of complex parts and data-binding of graphical object properties to model data. Create Powerful Diagrams Canvas-based diagramming allows for some of the fastest plugin-free diagramming on the web today. View the samples now! Rich Features GoJS offers a comprehensive range of diagramming features, allowing programmers to create rich Canvas apps faster. Templates for Nodes, Links, and Groups Data binding with JSON data Intuitive Drag-and-Drop & Copy-Paste functionality Unlimited extensible Undo and Redo Mouse and touch support with customizable tools Orthogonal and Bezier link routing with "Avoids Nodes" and "Jump Over" options Automatic layout of graphs Palettes and Overviews And much more. Licensing Terms

morris.js Getting started Add morris.js and its dependencies (jQuery & Raphaël) to your page. 1 <link rel="stylesheet" href="//">2 <script src="//"></script>3 <script src="//"></script>4 <script src="//"></script> If you don’t want to use the CDN-hosted assets, then you can extract them from the zip bundle and upload them to your own site. Your first chart Start by adding a <div> to your page that will contain your chart. Note: in order to display something, you’ll need to have given the div some dimensions. Next add a <script> block to the end of your page, containing the following javascript code: Assuming everything’s working correctly, you should see the following chart on your page: What Next? Check out the rest of the documentation: License Simplified BSD License:

dotNetify About Fusion Tables - Fusion Tables Help Bust your data out of its silo! Get more from data with Fusion Tables. Fusion Tables is an experimental data visualization web application to gather, visualize, and share data tables. Visualize bigger table data online Filter and summarize across hundreds of thousands of rows. Then try a chart, map, network graph, or custom layout and embed or share it. Two tables are better than one! Merge two or three tables to generate a single visualization that includes both sets of data. Make a map in minutes Host data online - and stay in control Viewers located anywhere can produce charts or maps from it. Visualize bigger table data online Import your own data Upload data tables from spreadsheets or CSV files, even KML. Visualize it instantly See the data on a map or as a chart immediately. Publish your visualization on other web properties Now that you've got that nice map or chart of your data, you can embed it in a web page or blog post. Two tables are better than one! Make a map in minutes

Introduction au Text-mining Les outils de text-mining ont pour vocation d’automatiser la structuration des documents peu ou faiblement structurés. Ainsi, à partir d’un document texte, un outil de text-mining va générer de l’information sur le contenu du document. Cette information n’était pas présente, ou explicite, dans le document sous sa forme initiale, elle va être rajoutée, et donc enrichir le document. A quoi cela peut bien servir ? à classifier automatiquement des documentsà avoir un aperçu du contenu d’un document sans le lireà alimenter automatiquement des bases de donnéesà faire de la veille sur des corpus documentaires importantsà enrichir l’index d’un moteur de recherche pour améliorer la consultation des documents Bref, plusieurs usages et plusieurs services peuvent découler des solutions de text-mining. Comment çà marche ? Il y a quelques règles de base que les outils de text-mining se doivent de respecter dans leur traitement. une approche statistiqueune approche sémantique 1. 2. Les désavantages : 3.

gury - an html5 canvas utility library gauge.js Example Variant selection Features No images, no external CSS - pure canvas No dependencies (jQuery is supported, but not required) Highly configurable Resolution independent Animated guage value changes (!) Usage The Gauge class handles drawing on canvas and starts the animation. Advanced options Percentage color If you want to control how Gauge behavaes in relation to the displayed value you can use the Guage option called percentColors. jQuery plugin Gauge.js does not require jQuery. $.fn.gauge = function(opts) { this.each(function() { var $this = $(this), data = $; if (data.gauge) { data.gauge.stop(); delete data.gauge; } if (opts ! Supported browsers Gauge.js has been (not yet!) Chrome Safari 3.2+ Firefox 3.5+ IE 9 Opera 10.6+ Mobile Safari (iOS 3.2+) Android 2.3+ Changes Version 1.2.1 (9.03.2014) Proper handling of color params issue #47. Version 1.2 (16.08.2012) Prototype chain fix. Version 1.1 (15.08.2012) Fixed color picker bug in FF & Opera Added a shadow option. Initial release

Relay | A JavaScript framework for building data-driven React applications A simple list Relay lets each view declare its own data requirements in the form of a GraphQL query fragment. Here, each tea in this list of teas declares that it needs a name and a steepingTime to be able to render. A simple parameterization Relay query fragments can be parameterized using variables in GraphQL calls. A simple mutation Use Relay to change the world through the use of GraphQL mutations. Electrical Engineering News, Resources, and Community | EEWeb