correctiv / viz-minijobs-munis-map-nrw

Display data about minijobs distribution across german state North-Rhine Westphalia

viz-minijobs-munis-map-nrw

Display data about minijobs distribution across german state North-Rhine Westphalia

Preview via gh-pages

Based on wbkd/yet-another-webpack-es6-starterkit

Uses d3 and riotjs

base visualization setup for correctiv cms

javascript

dist/bundle.js

styles

dist/styles/bundle.css

for use in correctiv cms plugins:

<figure class="figure -full-width">
  <h2>Hier wohnen die Minijobber in NRW</h2>
  <div class="figure__container">
    <div data-riot-mount="cor-mj-munis-map-nrw"></div>
  </div>
  <div class="figure__credits">
    <p>Aufschlüsselung der Daten nach Gemeinden, bezogen auf den Wohnort der Minijobber.</p>
    <p><strong>Daten:</strong> Statistiken der Arbeitsagentur, <a href="https://correctiv.org/a/1861">zum Download</a></p>
  </div>
</figure>

Development

Installation

npm install

Start Dev Server

npm run dev

Build Prod Version

npm run build

Features:

• ES6 Support via babel-loader
• SASS Support via sass-loader
• Linting via eslint-loader
• Hot Module Replacement

When you run npm run build we use the extract-text-webpack-plugin to move the css to a separate file and included in the head of your index.html, so that the styles are applied before any javascript gets loaded. We disabled this function for the dev version, because the loader doesn't support hot module replacement.