d3-shape | Graphical primitives for visualization , such as lines | Animation library

I want to transform json data like packageJson into a hierarchical format suitable for a tree graph

using d3.hierarchy to transform the Object as I understood every property which contains nested data needs to be transformed using a helper function inside like

const test = d3.hierarchy(packageJson, d => d.scripts);

is the only way to transform packageJson by finding every property with a nested object
or are any d3 helper function which Im unaware of for this kinda task ?

I am really stuck on how to work with @types/d3 properly. All the return types are really confusing and even console.logging is not helping.

Essentially when I call the arc() construct I get an error that: An argument for 'd' was not provided. But when I console.log it only returns the proper path string and not an error or invalid value.

I can't seem to find what to put as the argument as the d value in the constructor. Also, a lot of js code I've seen doesn't have any input, what specific reason does typescript need to have an additional value?

im trying to visualise some data from my dummy api which in the n_data module but the data = this.state.new_data doesnt return anything

my snack code just incase is https://snack.expo.io/@ej97/smelly-tortillas

will be much appreciated if pointing me in the right direction.

I'm getting the following error when I ng serve (and I've already tried to clear cache, reinstall all modules and reboot the server)

I am fetching some data using an api. Inside that api there are SQL queries that are executed. I have api that will be used to fetch data or execute these queries. I want to know how can I replace my chart's static data with dynamic data that will be fetched from api.

Here is my TabDashboardDetail.js where I am fetching title for all charts based on api data:

I am using react-vis library for one of my projects. I copied the source code of a sample chart from one of their examples on the site. I copied the example directly but still the chart does not look as expected.

I'm having a React Native app, which I'm currently updating the UI. one of the requirements of the app was to lock screen orientation in portrait mode. For that, I had added android:screenOrientation="portrait" in the Manifest file. It is working fine in the live app, however now with the updated UI, it is not working anymore. I had tried many things and nothing helped.

I'm sharing the manifest file, old and new package.json file, if someone knows something please let me know.

Android Manifest

I encouter a problem with my app that has a main.js with a size of 8.34 MB by defalt (ng build). I tested a lot ! of things to reduce it but i just don't arrive to..

I really need that the size be less than 2 mb.. ( and i think it's huge too..) Thanks for help ! What i tried (size of main.js) :

I'm trying to draw a relatively simple line chart in d3.js that is zoomable. I have been looking at these examples.

Simple line examples

https://observablehq.com/@d3/learn-d3-shapes?collection=@d3/learn-d3

https://www.d3-graph-gallery.com/graph/line_basic.html

Zooming example

https://observablehq.com/@d3/zoomable-area-chart

Here is my jsfiddle. My line is not showing up.

https://jsfiddle.net/tw5u2po9/

Edit: my line is working now just working on the zooming

https://jsfiddle.net/dc3g2uqm/

HTML