SVG编辑器，或者: SVG与JavaScript？

Question

我想从数据库应用程序创建SVG图表。然而，我对创建SVG一无所知，所以我想从编辑器开始，如果我能找到的话。理想情况下这应该能让我-

1-在图像中放置缩放控件

2-在图像中放置平移控件

3-在鼠标悬停上做各种事情-弹出一个数据框，突出显示图表点

4-从我自己的数据集创建散点图和时间线图表，带有图例、轴等。

这个想法是，一旦我从编辑器获得一个基本的模板，我就可以编写C代码来直接生成SVG代码。

我花了几个小时寻找，但我找不到任何商业或免费的应用程序可以做这样的事情。"SVG编辑器“主要绘制圆形和矩形，这对我来说用处不大。我错过了什么吗？SVG编辑器的开发似乎在几年前就停止了，各种编辑器已经停止使用。我甚至找不到与此类似的示例SVG代码。

事实上，我读得越多，似乎就越需要用JavaScript来做这件事，而不是直接创建图像(但我也不知道JavaScript )。我该走哪条路有什么想法吗？我看过大约20个可以做图表的javascript库，但似乎没有一个能完成上面的1到3个。我还需要在散点图上叠加多段线，很少有人会这样做。谷歌图表很接近，但它不会做最后一个。

哦，我有一群被俘获的观众，如果我客气地请求，他们会升级他们的浏览器。

谢谢-

阿尔

Answer 1

Inkscape程序是一个SVG编辑器。它还允许你attach javascript到它的元素。然而，它实际上并没有向您显示效果。但如果你随后将其加载到现代浏览器中，你就可以看到交互效果。您确实必须了解Javascript，但它主要涉及添加处理程序和调整CSS属性或更改属性。

Answer 2

我认为Google charts会做最后几个：

带注释的时间线：http://code.google.com/apis/ajax/playground/?type=visualization#annotated_time_line

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

Answer 3

如果您打算编写C语言来生成SVG代码，那么可以让它在SVG本身中编写EMCAScript，用于平移、缩放和各种鼠标悬停效果。我已经在http://www.petercollingridge.co.uk/interactive-svg-components/pan-and-zoom-control上写了一个关于如何添加平移和缩放控件的描述