website VS sveltestrap

Also check out https://pudding.cool if you’re unfamiliar and enjoy extremely high effort visualizations alongside editorial and educational text content.

Hello all, I am a JS beginner and I am passionate for creating data-driven stories on a website, like Pudding. I have watched some YT videos and learned that Python is a basic skill for dealing with data. However, I am confused about what Python does in such website? I know JS and it libraries like D3.js are used for front-end development and interactive data display, then what's the role of Python? For the website backend (such as Django)? Or is used for data cleaning and analysis? Or others? Or python is not actually required for making a data-driven story website?

https://pudding.cool/ ?

The main reason why I've got interested in frontend is that (1) it seems to be a field that can be much more diverse and collaborative across different fields (ex: working with designers) and (2) it directly interacts with users. Interactive journalism, data visualization, data storytelling (as in The New York Times or The Pudding) are my main interests currently, so it is more accurate to say I got interested in frontend with focus on those specific fields.

pudding.cool, statistical analysis of things like rap lyrics

I'd suggest: SvelteKit, Typescript, Bootstrap, axios, and yarn. This is a relatively easy combination to learn, and quite fast to develop with. Bootstrap is getting long in the tooth, but it has a vast ecosystem and takes care of a lot of details for you. Alternative frameworks: Nuxt, SolidJS, SolidStart, Astro. Alternative components: Flowbite, Svelma, Smelte.

Check out https://github.com/bestguy/sveltestrap

https://svelte-headlessui.goss.io/docs https://www.svelteui.org https://illright.github.io/attractions/ https://smeltejs.com/ https://github.com/bestguy/sveltestrap https://c0bra.github.io/svelma https://svelte-atoms.web.app/ https://github.com/svelterialjs/svelt... https://www.agnosticui.com/ https://framework7.io/svelte/menu

sveltestrap - Bootstrap 4 & 5 components for Svelte

That's one of the issues with Svelte. It's a newcomer so the ecosystem is minuscule.

Personally I'm happy using Bulma with Svelte. I find most UI libraries tend to add too much bloat so I'd rather have something that only adds configurable CSS and just add as much JS as I need/want.

I used Vue+Vuetify some years ago. I wasn't very happy with it, but I agree Svelte needs something similar.

There are a couple of projects out there that add Svelte components for Bootstrap, Material, or IBM Carbon you could check.

https://sveltematerialui.com/

https://github.com/bestguy/sveltestrap

https://github.com/carbon-design-system/carbon-components-sv...

There are also a couple of projects about headless (no CSS) components for Svelte although I only seem to be able to find this one (not public yet)

https://svelteui.com/

Sveltestrap

Within a few minutes, I located the sveltestrap dependency, then added it to my project using the following command:

I am using sveltestrap in my project. Link:https://github.com/bestguy/sveltestrap | I want to know how can I use the default utilities classes that are provided by the Bootstrap 5?