search

nteract / semiotic

A data visualization framework combining React & D3
https://semioticv1.nteract.io/
Other
2.43k stars 133 forks source link

What's the support for Server-side Rendering Applications? #525

Closed kjgarza closed 2 years ago

kjgarza commented 4 years ago

I'm interested on using semiotic in a nextJS application in a SSR app. When using other libraries or D3 with SSR app, I have been experienced problems with showing tooltips and other elements. I am wondering how does semiotic deal with this type of issues ?

emeeks commented 4 years ago

It's not designed for server-side rendering, since it uses DOM references due to its reliance on d3-select and associated libraries. I'd like to provide SSR functionality but I don't see that coming this year.

salsager commented 3 years ago

@kjgarza in nextjs you can use it by using dynamic imports and disabling the SSR something like: 

const Chart = dynamic(
    () => import('../../components/chart'),
    {loading: () => <p>loading</p>, ssr: false}
);

and the chart is using semiotic

willingc commented 2 years ago

Closing this issue since the questions have been answered.