Accessable from multimo.ml.
Data visualisation website. Made using Astro, React, TailwindCSS and Plotly.js.
Initialized using:
npm create astro@latest
npx astro add tailwind
npx astro add node
npx astro add react
npm install nanostores @nanostores/react # State management
npm install @nivo/core @nivo/bar @nivo/sunburst # charting library
npm install papaparse @types/papaparse # Csv parser
npm i @headlessui/react # Component library
npm install react-feather # Icons
npm install --save @speechly/react-client
npm install --save @speechly/react-ui
After cloning the repository, run:
npm install
Upgrading npm
packages:
sudo npm install -g npm-check-updates
ncu
ncu -u
npm i --force
Inside of your Astro project, you'll see the following folders and files:
/
├── public/
│ └── favicon.svg
├── src/
│ ├── components/
│ │ └── Card.astro
│ ├── layouts/
│ │ └── Layout.astro
│ └── pages/
│ └── index.astro
└── package.json
Astro looks for .astro
or .md
files in the src/pages/
directory. Each page is exposed as a route based on its file name.
There's nothing special about src/components/
, but that's where we like to put any Astro/React/Vue/Svelte/Preact components.
Any static assets, like images, can be placed in the public/
directory.
Project is licensed under the GNU AGPLv3 license.