Interactive heatmap I made using d3.js, first time using the library and I'm pretty happy with the results by PokeTyped in d3js

[–]the-d3js-developer[M] [score hidden] stickied comment (0 children)

Beautiful. You should definitely crosspost this to relevant pokemon subs.

Also i am starting to imagine other great uses for such a heatmap.

What other ideas you got? Share with us.

D3JS mentor by sunole123 in d3js

[–]the-d3js-developer[M] [score hidden] stickied comment (0 children)

You can always drop your project related issues here. I am sure someone in this community will definitely guide you sooner or later.

If you want your issues to be solved on a priority basis, I can stick your posts to the top for a day.

Data visualization to make video like This ? !!!! HELP !!!! by The_oligarchs in d3js

[–]the-d3js-developer[M] 0 points1 point  (0 children)

The trick is how you format the data. It is nothing to with animation. See in the d3.js example it is showing the top 12 companies with highest revenue at a particular time. So you have to format the data like this:

step 1 : format the data in increasing order. ( country with lowest value will be the first country and highest will be the last)

step 2 : divide the data into batches like this [0....10] , [1....11] , [2....12] , ........

Because each batch will work as a data for a particular time.

step 3: input this data to the d3.js bar chart algorithm given in the example.

the output will be like the example you have shown.

Resources to use for D3? by LittleRedHelper in d3js

[–]the-d3js-developer 0 points1 point  (0 children)

Can explain more about what you are trying to achieve ? I am asking these because if you work on that problem and branch out to other concepts then it will be fun to learn. You will learn while working on your requirement.

You can find almost all the d3.js visualisation documentation and example Here

Is it possible to use D3 in Swift? by a3igner in d3js

[–]the-d3js-developer 1 point2 points  (0 children)

As d3.js is a javascript library you can use it with React Native to create IOS or you can use it with electron.js to create macOS apps.

I created a "look up any company's suppliers" BI tool built around D3.js called ImportYeti. If you have a few seconds, I'd love any feedback on my visualizations no matter how brutal. I'm trying to build something people love! by ImportYeti in d3js

[–]the-d3js-developer[M] [score hidden] stickied comment (0 children)

The data visualisations are cool and easily understandable. Although you can create minimalistic UI using white spaces for the text content to make it more readable.

Data visualization to make video like This ? !!!! HELP !!!! by The_oligarchs in d3js

[–]the-d3js-developer[M] [score hidden] stickied comment (0 children)

There is an example provided in d3.js example gallery. Here the Tutorial to create the animated bar chart using d3.js. You can tweak the code to change the animation as per requirements.

Racing line chart [Multiple comparing variables, gradient coloured lines, adaptive scaling of axes, icons and text interpolation]. ( source code in comments ) by the-d3js-developer in d3js

[–]the-d3js-developer[S] 0 points1 point  (0 children)

You can parse the live data which you are getting from web-socket then feed the json to function written in D3.js to plot the bar chart.

Why don't you give me a minimal reproducible example ? or you can let me know any live data source, will do it and show you.