Les éditeurs SVG, ou: SVG vs JavaScript?

Je voudrais créer des graphiques SVG à partir d'une application de base de données. Cependant, je ne sais rien sur la création de SVG, donc je voudrais commencer par un éditeur, si je peux en trouver un. Cela devrait idéalement me laisser -Les éditeurs SVG, ou: SVG vs JavaScript?

1 - Placez un contrôle de zoom dans l'image

2 - Placez un contrôle panoramique dans l'image

3 - faire des choses différentes sur mouseovers - afficher une boîte de données, mettre en évidence les points du graphique

4 - créer des diagrammes de dispersion et de chronologie à partir de mon propre ensemble de données, avec des légendes, des axes, etc.

L'idée est que, une fois que je reçois un modèle de base de l'éditeur, je peux écrire du code C pour générer directement le code SVG.

J'ai passé des heures à chercher, et je ne trouve aucune application commerciale ou gratuite qui puisse faire quelque chose comme ça. Les "éditeurs SVG" dessinent principalement des cercles et des rectangles, ce qui n'est pas très utile pour moi. Ai-je manqué quelque chose? Il semble que le développement de l'éditeur SVG s'est arrêté il y a plusieurs années, et plusieurs éditeurs ont été arrêtés. Je ne peux même pas trouver un exemple de code SVG qui fait quelque chose de similaire à cela.

En fait, plus je lis, plus il me semble que j'ai besoin de le faire en JavaScript, plutôt que de créer directement des images (mais je ne connais pas non plus JavaScript). Des pensées sur comment je devrais aller? J'ai regardé peut-être 20 librairies javascript qui vont faire de la cartographie, mais aucun d'entre eux semble cocher tout de 1 à 3 ci-dessus. J'ai aussi besoin de superposer des polylignes sur des parcelles de dispersion, et peu d'entre elles le feront. Google Maps est proche, mais il ne fera pas le dernier.

Oh, j'ai une audience captive, et ils vont mettre à jour leur navigateur si je le demande gentiment.

Merci -

Source

2011-06-05 EML

Je pense que les cartes Google va faire les derniers:

Temps annotés Ligne: http://code.google.com/apis/ajax/playground/?type=visualization#annotated_time_line

Scatter: http://code.google.com/apis/ajax/playground/?type=visualization#scatter_chart

Source

2011-06-06 01:48:37

C'est génial pour les lignes de temps, mais il ne peut pas superposer des lignes sur les diagrammes de dispersion, donc ils ne sont pas très utiles. Apparemment, il est possible de créer de nouvelles visualisations, mais je ne trouve aucune documentation sur la façon de le faire. – EML

Désolé, nous n'avons pas encore commenté, donc les 2 ci-dessus sont un peu abruptes - CR a fait un 'ajouter un commentaire' ?! – EML

Est-ce que ce tableau Combo vous dirait ce que vous cherchez? http://code.google.com/apis/ajax/playground/?type=visualization#combo_chart –

Le programme Inkscape est un Éditeur SVG. Il vous permet également de attach javascript à des éléments de celui-ci. Cependant, il ne vous montre pas les effets. Mais si vous le chargez dans un navigateur moderne, vous pouvez voir les effets interactifs. Vous devez connaître Javascript, mais il s'agit principalement d'ajouter des gestionnaires et d'ajuster les propriétés CSS ou de changer les attributs.

Source

2011-06-06 02:02:11 Keith

Je n'ai pas essayé Inkscape, mais j'ai passé peut-être une demi-heure avec les docs. Pour autant que je sache, il s'agit essentiellement d'une illustration. J'ai besoin de quelque chose d'assez intelligent pour intégrer des widgets de zoom et de panoramique/défilement dans le SVG généré, et une certaine gestion des événements de souris. Si je vais me balader Javascript, je ferais mieux de mordre la balle. , en utilisant l'une des 20 ou 30 bibliothèques de diagrammes JavaScript disponibles. – EML

Eh bien alors consultez Raphael. – Keith

J'ai regardé gRaphael, qui est spécialisé dans la cartographie (et peut-être 20 autres librairies Javascript). La démo est pauvre, donc je ne pense pas que je vais le regarder en détail. Parmi les librairies Javascript, Highcharts est probablement celui qui vient le mieux d'un coup d'oeil sur le site Web. – EML

Si vous écrivez C pour générer le code SVG, vous pouvez écrire EMCAScript dans le SVG lui-même pour le panoramique, le zoom et divers effets de survol. J'ai écrit une description de la façon d'ajouter un contrôle de panoramique et de zoom à:

Source

2011-06-29 20:33:44

Les éditeurs SVG, ou: SVG vs JavaScript?

Répondre

Questions connexes