Using Flourish with Javascript libraries and frameworks
As Flourish templates have a simple structure, you can use front-end libraries and frameworks of your choice to develop them.
This section contains a few examples. We shall add more over time. If you’d like to contribute an example with your favorite library or framework, please get in touch at hello@flourish.studio.
Simple D3 template
This is a simple template example to create a bar chart. The bar chart is based on Mike Bostock's bar chart example here.
Simple React template
This simple example uses React to draw a specified number of colorful circles at random positions and sizes. It demonstrates the use of settings in a React context.
Simple Vue 2 template
This simple example uses Vue 2 to draw a specified number of colorful circles at random positions and sizes. It demonstrates the use of settings in a Vue 2 context.
Simple Vue 3 template
This simple example uses Vue 3 to draw a specified number of colorful circles at random positions and sizes. It demonstrates the use of settings in a Vue 3 context.
Simple Vue 3 template with TypeScript support
This simple example uses Vue 3 to draw a specified number of colorful circles at random positions and sizes. It demonstrates the use of settings in a Vue 3 context with TypeScript support.
Simple petite-vue template
This simple example uses petite-vue to draw a specified number of colorful circles at random positions and sizes. It demonstrates the use of settings in a petite-vue context.
Simple Svelte template (by Rich Harris 💫)
This simple example uses Svelte to draw a specified number of colorful circles at random positions and sizes. It demonstrates the use of settings in a Svelte context.
Simple Svelte template with TypeScript support
This simple example uses Svelte to draw a specified number of colorful circles at random positions and sizes. It demonstrates the use of settings in a Svelte context with TypeScript support.
Election results chart template
This example is a public Flourish template repository to showcase how a Flourish template can be structured and built using the Flourish SDK. It demonstrates the use of incorporating Flourish modules into custom templates.