A force-directed graph that shows which countries share borders

This is my D3 force-directed graph for freeCodeCamp's fourth D3.js challenge.

• I can see a Force-directed Graph that shows which countries share borders.
• I can see each country's flag on its node.

• Reduce image sizes, create a sprite

• D3.js version 4
• Webpack module bundler
• Babel.js compiler
• ESLint linter with Airbnb's config
• Sass with PostCSS' Autoprefixer

You need to have either yarn or npm installed on your computer.

git clone https://github.com/zsoltime/d3-force-directed-graph.git <new-folder-name>
cd <new-folder-name>

yarn
# OR
npm install

It builds the app to the dist folder. It creates the JavaScript bundle without uglifying it, and compiles Sass to CSS.

yarn build:dev
# OR
npm run build:dev

Once you built the dev bundle you can start the dev server. Open http://localhost:8080 to view it in browser.

yarn start
# OR
npm start

It builds the app to the dist folder. It creates the JavaScript bundle, uglifies it, compiles Sass to CSS and minifies it - ready to deploy.

yarn build:dist
# OR
npm run build:dist