re: Binding Data to Charts using Vue Components and D3 VIEW POST

TOP OF THREAD FULL DISCUSSION
re: I make charts with d3 in Vue almost every day and here is some of my best practices: Avoid to import whole d3 - it has a very heavy geo module an...
 

Definitely agree on the recommendation to pull in only those dependent modules.

Regarding JSX I assume that is easier / harder based on your familiarity with the syntax.

 

Oh and of course some features are simpler with d3 selections - animations and transition for example

 

You haven't to use JSX, you can use vue templates, but JSX is a little more flexible. The idea is to use

<path
  :d="lineShape(data)"
  stroke="red"
/>

<!-- or d={this.lineShape(this.data)} in jsx -->

Instead of

d3.select(this.$el).append('path')
  .attr('d', this.lineShape(this.data)
  .attr('stroke', 'red')
;

I think html/svg is more readable

code of conduct - report abuse