I would like to have line labels on both sides of a Y-axis, as in the following example: I looked on ECharts examples and documentation, but I couldn't find which series type or options would allow me to do that...…
I have a hierarchical lineage for object dependency in json format. The json itself has a very simple structure but it has variable depth. I have attached an image to show the tree structure. The depth of the json could…
I would like to create a 3x4 grid of ggplots. To avoid repeating axis titles, I am only labeling the axes of some plots (see highlights in the first figure). However, my choice to label only some axes is causing…
I'm trying to build a Density Plot using React and D3.js. I would like the user to be able to hover on any part of the graph and see a tooltip displaying additional info on that specific point, but I'm…
I am using Highcharts to create a waffle chart. Here's a good example: https://datavizproject.com/data-type/percentage-grid/ Highcharts calls them "item charts", and they work pretty well. However, I can't figure out how to control the spacing/padding between the items. I've tried using…
How can we achieve automatic updating of chart data in a chart component wrapped with React? For example, the data I requested from backend will change and I want to update it whever it changes. I tried to look up…
I'm struggling to utilize d3's .extent() function in typescript. I've got some code here that creates Date objects out of dates const dates:(Date | null)[] = data.map(row => d3.timeParse("%Y-%m-%d")(row.Date)) When I console log the dates variable, it looks something like…
I wanted to generate a chart with billions of data points. I can't apply aggrigation or segmentation-based techniques to reduce the number of data points, as all of them are equally important. Rendering charts client-side (in the browser) with these…
I'm trying to make a word cloud using Vega wordcloud, documented here https://vega.github.io/vega/docs/transforms/wordcloud/ But I'd like to show the word count below each word, and in a smaller font than the word itself. 'n' characters are not interpreted. Using HTML…
How can I change the coordinate system of a SVG, in particular scale the y-axis, without also scaling the circles (which would make them ellipses), texts (which would distort them) and other elements? Here is an example: <svg viewBox="0 0…