Dipi Graphics

Je me suis penché du coté de la génération de graphique depuis des fichiers csv. Je me suis donc lancé dans le développement d'une petite application flash qui génère un graphique en fonction de flashVars.

Pour cette première étape de développement, je me suis familiarisé avec le traitement des données et les reproduire sur un simple graphique à 2 coordonées. sur l'Axe des x, le temps ( les jours) sur l'Axe des y, le comparateur au temps en fonction des csv utilisés.

Ceci est une première approche :

CSV structure

Mon csv contient 2 "colonnes" pour simplifier au maximum. La première ligne me permet de déterminer le label des 2 axes. et le reste les données.

FlashVars

• pathCSV : STRING inqique l'url du fichiers csv à ouvrir

• multi : NUMBER agit comme facteur de scale des resultats afin d'obtenir un graphique plus lisible lorsque les valeurs sont trop petite.

• gapData; INTEGER indique le nbre de données qui seront traités,

Demo

• Fig 01 Number of visits from 01/01/2007 until 21/12/2010

• Fig 02 navDock 1.1 jQuery plugin Downloads from 14/09/2010 until 21/12/2010

Denis P.

Je viens de tomber par hasard sur cette vidéo de 2007. Dommage que je ne l'ai pas vu un an plutôt, ca aurait pu être une très bonne piste.

youtube : http://www.youtube.com/watch?v=0awjPUkBXOU

Denis P.

Hi,

I was searching on google for a good inflector slug in As3 to match easily the urls of my labs section and my blogs made with CakePhp. I found this good class : Inflector AS3. Unfortunately the slug function didn't work correctly. so I modified this version to obtain a slug function that provides the same result as the inflector Helpers from CakePhp 1.2.

here is the modified version of it :

code :

// It'isn't the best way to write it but it's more readable like this :
 
public function slug (word:String,replacement:String="_"):String{
 
        var aPattern:RegExp = /[àáåâ]/gi; 
        var ePattern:RegExp = /[èéêẽë]/gi; 
	var iPattern:RegExp = /[ìíî]/gi; 
	var oPattern:RegExp = /[òóôø]/gi;
	var uPattern:RegExp = /[ùúůû]/gi;
	var cPattern:RegExp = /[ç]/gi;
	var nPattern:RegExp = /[ñ]/gi;
	var aePattern:RegExp = /[äæ]/gi;
	var oePattern:RegExp = /[ö]/gi;
	var uePattern:RegExp = /[ü]/gi;
	var AePattern:RegExp = /[Ä]/gi;
	var UePattern:RegExp = /[Ü]/gi;
	var OePattern:RegExp = /[Ö]/gi;
	var ssPattern:RegExp = /[ß]/gi;
 
	word = word.replace(aPattern, 'a');
	word = word.replace(ePattern, 'e');
	word = word.replace(iPattern, 'i');
	word = word.replace(oPattern, 'o');
	word = word.replace(uPattern, 'u');
	word = word.replace(cPattern, 'c');
	word = word.replace(nPattern, 'n');
	word = word.replace(aePattern, 'ae');
	word = word.replace(oePattern, 'oe');
	word = word.replace(uePattern, 'ue');
	word = word.replace(AePattern, 'Ae');
	word = word.replace(UePattern, 'Ue');
	word = word.replace(OePattern, 'Oe');
	word = word.replace(ssPattern, 'ss');
 
	var startPattern:RegExp = /[^\w]/gi;
	word = word.replace(startPattern, replacement);
	return word;
}

Sample :

imagine a french title from an article like "Découvrez un univers inattendu au coeur de la forêt"

• With CakePhp :

echo Inflector::slug('Découvrez un univers inattendu au coeur de la forêt','-');
//OUTPUT => Decouvrez-un-univers-inattendu-au-coeur-de-la-foret

• In ActionScript 3.0

trace(slug("Découvrez un univers inattendu au coeur de la forêt","-");
//OUTPUT => Decouvrez-un-univers-inattendu-au-coeur-de-la-foret

Enjoy