Using WebStorm with SVG and D3?

I am trying out WebStorm (so far, very impressed), so I apologize if this is a newbie question, but...

I am going to be doing a lot of development using D3 and SVG. Does anyone have any advice on how to best use WebStorm for this?

Some simple ones:
Is it possible to tell the CSS checker about SVG attributes? (so I don't get warnings?)

A more complex one:
Is it possible to tell the debugger not to show me all of the fields of objects that I inspect?
(or to order things so that inherited fields of an object show up after the ones I've set)



Comment actions Permalink

Hi Michael,

I can answer to 'svg-properties-warning' question.
There is issue about svg properties support:, feel free to vote for it.
Also you may avoid weak-warning by pressing Alt+Enter on svg-property and select 'Add to custom properties'-intention. However it is impossible to avoid warnings that had been produced by W3C validator inspection, because it is inspection based on thirdparty w3c validator:, you can just turn off W3C inspection in settings.

Comment actions Permalink

About debugger: You cannot configure which properties should be filtered but I think real issue that fileds must be sorted, see


Please sign in to leave a comment.