• Stars
    star
    117
  • Rank 301,828 (Top 6 %)
  • Language Svelte
  • Created over 2 years ago
  • Updated about 2 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Collection of examples and templates for working with Svelte in a number of situations that commonly arise when building D3 graphs, scrollytelling webpages and other kinds of projects we often produce.

About

This project is a collection of examples and templates for working with Svelte in a number of situations that commonly arise when making D3 graphs, scrollytelling webpages and other kinds of content we often produce.

It is meant to be a continuous work in progress πŸ› οΈ and is by no means an exhaustive, or necessarily a 'best practices' πŸ‘“ type of collection. All the examples are use cases that I have encountered, built a minimal example around and documented. They come with working code, explained code snippets and notes about the approach taken. ⚠️ They might come with links to the Svelte repl where I originally worked on the example, but these are not always the latest or the best version.

Running the project

  • Install dependencies with npm install or yarn

  • Start the dev server with: npm run dev or or start the server and open the app in a new browser tab with npm run dev -- --open

  • Note that there might be bugs 🐞. If you encounter issues, try to restart the project and refresh the page.

More Repositories

1

graphics-components

Graphics components for projects
Svelte
30
star
2

bluprint_graphics-kit

SvelteKit rig for graphics and newsapps
Svelte
20
star
3

ai2svelte

JavaScript
17
star
4

html-webpack-prerender-plugin

A plugin to prerender and inject JavaScript apps into the static markup generated by html-webpack-plugin at build time.
JavaScript
14
star
5

graphics-svelte-components

Svelte
13
star
6

archieml-prettifier

JavaScript
9
star
7

awesome-charts

An awesome list of reusable chart modules created by the Reuters graphics team
8
star
8

bluprint

Dead-easy application scaffolding and CLI.
JavaScript
7
star
9

ask-json

Easy interactive prompts to create and validate data using JSON schema.
JavaScript
6
star
10

graphics-atlas-client

JavaScript
5
star
11

style

Reuters graphics fashion.
JavaScript
4
star
12

graphics-kit-publisher

Publishing CLI for Reuters graphics pages and embeds
TypeScript
4
star
13

d3-appendselect

Idempotent append operations for D3.
JavaScript
4
star
14

chart-module-globetrotter

JavaScript
3
star
15

bluprint_chart-module-svelte

JavaScript
3
star
16

paparazzo

TypeScript
3
star
17

docs_graphics-kit

Docs for working with the Reuters Graphics Kit
Svelte
2
star
18

bluprint_graphics-rig

Home of The Rig.
JavaScript
2
star
19

bluprint_github-action-scraper

JavaScript
2
star
20

chart-module-us-county-map-new

Svelte
1
star
21

chart-module-us-covid-cartogram

JavaScript
1
star
22

chart-module-covid-wave

JavaScript
1
star
23

react-smart-text

Mad Libs-style text templates with rich formatting and component replacement in React.
JavaScript
1
star
24

newsroom-datawrapper-guide

HTML
1
star
25

bluprint_django-app

Python
1
star
26

chart-module-vaccine-pace-chart

Svelte
1
star