viz-minijobs-states-accordion

Display data about minijobs in german states and provide download data for cooperation partners for each state.

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>Minijobs: Die Bundesländer im Vergleich</h2>
  <div class="figure__container">
    <div data-riot-mount="cor-mj-states-accordion"></div>
  </div>
  <div class="figure__credits">
    <p><strong>Daten:</strong> <a href="">Statistik der Bundesagentur für Arbeit: "Geringfügig Beschäftigte nach Geschlecht und Altersgruppen"</a>, regionale Abgrenzung nach dem Arbeitsort, eigene Berechnungen und für Bundesländer aggregiert.</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.