I have a focus/context bar chart that I created in d3. I want to put it in Svelte so that I can use it as a component. But I'm getting stuck figuring out how to bind the elements created in…
I'm trying to update some older D3js code that relies on d3.nest to the newest version (v7). This is an example of the raw data (from a csv) and the desired nested Object that I'm trying to achieve. Previously, this…
I would like to be able to reproduce this legend with the d3 library, currently I have my own algorithm that does this operation for me, but I don't know how it would be with d3. For example for this…
Here is all the javascript code I am using: var marginEducation = {top: 20, right: 30, bottom: 40, left: 300}, widthEducation = 1000, heightEducation = 460; const svgEducation = d3.select("#Education") .append("svg") .attr("widthEducation", widthEducation + marginEducation.left + marginEducation.right) .attr("heightEducation", heightEducation +…
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 having problems converting an array of hierarchy data into the right Object format. I trying to convert this: [ {"PARENT_ID": 0,"CHILD_ID": 1,"NAME": "Quality","LEVEL_A": 0}, {"PARENT_ID": 1,"CHILD_ID": 2,"NAME": "Machine","LEVEL_A": 1}, {"PARENT_ID": 1,"CHILD_ID": 3,"NAME": "Method","LEVEL_A": 1}, {"PARENT_ID": 1,"CHILD_ID": 4,"NAME": "Material","LEVEL_A": 1},…
Is there a way to create a directional network graph using d3js or highcharts .I was able to create a unidirectional network graph on high chart . What I have with my highchart code is What I need is I…
I am working with a dataset that has all the points required to build a circle. I need to utilize the dataset to build a svg path (and not svg circle) element that is circular. I tried as following which…
I thought I had this figured out but I was wrong. I'm experiencing a strange issue with sorting the key string ending with a number/digit. When I sort my data to display from highest (newest item added) to the lowest…
I can draw a spline using d3 without a problem. <html> <head> <script src="https://d3js.org/d3.v7.min.js"></script> <style> .graph-container { width: 100%; height: 800px; position: relative; } </style> </head> <body> <div id="graph-container" class="graph-container"></div> <script> // Define the data points for the spline curve…