All Projects → DFRLab → Interference2020

DFRLab / Interference2020

Interference2020 Website

Labels

Projects that are alternatives of or similar to Interference2020

Sveltejs Tippy
Tippy.js for Svelte
Stars: ✭ 26 (-43.48%)
Mutual labels:  svelte
Sapper Template Firebase
Starter Rollup template for Sapper apps with Firebase functions based on https://github.com/nhristov/sapper-template-rollup.
Stars: ✭ 29 (-36.96%)
Mutual labels:  svelte
Jsx Lite
Write components once, run everywhere. Compiles to Vue, React, Solid, Angular, Svelte, and Liquid.
Stars: ✭ 1,015 (+2106.52%)
Mutual labels:  svelte
Post Communicating With Interactive Articles
Stars: ✭ 27 (-41.3%)
Mutual labels:  svelte
Svelte Flat
Flat UI components built with Svelte.
Stars: ✭ 13 (-71.74%)
Mutual labels:  svelte
Svelte Inspect
console.log()-like interactive inspector for Svelte 3
Stars: ✭ 33 (-28.26%)
Mutual labels:  svelte
Realworld
Svelte/Sapper implementation of the RealWorld app
Stars: ✭ 923 (+1906.52%)
Mutual labels:  svelte
Svelte Pick A Place
Javascript location picker built with Svelte
Stars: ✭ 44 (-4.35%)
Mutual labels:  svelte
Smelte
UI framework with material components built with Svelte and Tailwind CSS
Stars: ✭ 871 (+1793.48%)
Mutual labels:  svelte
Cassetter
Cassetter is a MIDI controlled granular sampler
Stars: ✭ 37 (-19.57%)
Mutual labels:  svelte
Librelingo
🐢 🌎 📚 a community-owned language-learning platform
Stars: ✭ 844 (+1734.78%)
Mutual labels:  svelte
Svelte Redux Shopping Cart
Example Shopping Cart App using Svelte, Redux, and Webpack
Stars: ✭ 13 (-71.74%)
Mutual labels:  svelte
Svelte Preprocess
A ✨ magical ✨ Svelte preprocessor with sensible defaults and support for: PostCSS, SCSS, Less, Stylus, Coffeescript, TypeScript, Pug and much more.
Stars: ✭ 970 (+2008.7%)
Mutual labels:  svelte
Skeleton Elements
Skeleton elements - UI for improved perceived performance
Stars: ✭ 27 (-41.3%)
Mutual labels:  svelte
Svelte 3 Rollup Typescript Vscode
Starter for svelte 3/rollup/typescript/vscode
Stars: ✭ 43 (-6.52%)
Mutual labels:  svelte
Svelte Tailwind Extension Boilerplate
A Chrome extension boilerplate built with Svelte, TailwindCSS, Jest, and Rollup.
Stars: ✭ 26 (-43.48%)
Mutual labels:  svelte
Why Svelte
Why Svelte is our choice for a large web project in 2020
Stars: ✭ 953 (+1971.74%)
Mutual labels:  svelte
Svelte Custom Elements
Turn Svelte components into web components
Stars: ✭ 45 (-2.17%)
Mutual labels:  svelte
Svelte Router
Simple Svelte Router for Single Page Applications (SPA).
Stars: ✭ 44 (-4.35%)
Mutual labels:  svelte
Omni
Distributed publishing platform and discussion network for scholars. Establishing an unenclosable scholarly commons.
Stars: ✭ 34 (-26.09%)
Mutual labels:  svelte

Interference2020

Interference2020 Website

This repository contains the visualization tool running at interference2020.org

For the Interference2020 database, please go to this repository.

Research team

Emerson T. Brooking (lead), Alyssa Kann, Max Rizzuto, Jacqueline Malaret, and Helen Simpson.

Design and Implementation

Matthias Stahl (higsch | data & design)

Screenshot of the tool showing red balloons.

Architecture

The data visualization has been built with HTML, CSS and JavaScript – heavily using the Svelte frontend compiler. Interference data is dynamically pulled from a separate data repository. The world map is pulled from JSDELIVR and uses the World Atlas TopoJSON package. COVID-19 case and death numbers in the U.S. are collected from a repository managed by The New York Times.

Run locally

  1. Download the repository and install the dependencies.

    git clone https://github.com/DFRLab/interference2020.git
    cd interference2020
    npm install
    
  2. Start Rollup

    npm run dev
    
  3. Navigate to localhost:5000. You should see your app running.

Built in August & September 2020.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].