viz-minijobs-eastwest-comparison

Compare minijobs data between german states North-Rhine Westphalia (west) and Brandenburg (east)

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>Unterschiedliche Dauern für Frauen und Männer in Ost und West</h2>
  <div class="figure__container">
    <div data-riot-mount="cor-mj-nrwbb-map"></div>
  </div>
  <div class="figure__credits">
    Daten: <a href="">Statistik der Minijob-Zentrale: Geringfügig entlohnte Beschäftigungsverhältnisse im Gewerblichen Bereich nach der Beschäftigungsdauer</a>, aufgeschlüsselt nach Kreisen und kreisfreien Städten für Nordrhein-Westfalen und Brandenburg. Stand: 31.12.2016
  </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.

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.