Javascript 响应web：SVG可视化？

我正在构建一个交互式SVG可视化（见图），并希望提供：

1）适应较小屏幕尺寸（媒体查询？

2）禁用JavaScript时的适当回退（Modernizer？

关于1:

您认为使用固定/离散像素宽度更好，还是让SVG块适应可用宽度更好

我是否需要一个调整窗口大小的侦听器来动态更新布局，或者在使用媒体查询时，这是一种过分的做法

关于2:

保持设计的响应性，用静态图像替换SVG可视化的好方法是什么

您认为使用固定/离散像素宽度更好，还是让SVG块适应可用宽度更好

缩放是矢量图形的主要优势，为什么不呢

我是否需要一个调整窗口大小的侦听器来动态更新布局，或者在使用媒体查询时，这是一种过分的做法

没有

保持设计的响应性，用静态图像替换SVG可视化的好方法是什么

转换，在服务器上生成，然后将静态SVG发送到客户端

您认为使用固定/离散像素宽度更好，还是让SVG块适应可用宽度更好

缩放是矢量图形的主要优势，为什么不呢

我是否需要一个调整窗口大小的侦听器来动态更新布局，或者在使用媒体查询时，这是一种过分的做法

没有

保持设计的响应性，用静态图像替换SVG可视化的好方法是什么

---

转换，在服务器上生成，然后将静态SVG发送到客户端

我很困惑，你不能只对1使用媒体查询，这样问题2就不再成为问题了吗？如果Javascript不可用，位图图像和服务器工作可以用作catchall。在所有图形数据都在数据库或平面文件中之后？我很困惑，难道你不能只对1使用媒体查询，这样问题2就不再成为问题了吗？如果Javascript不可用，位图图像和服务器工作可以用作一个catchall。所有图形数据都在数据库或平面文件中之后？