This hole repo was made into a searchable website called Prego! - see the repo here

Advanced #DDJ tools reference list

This is a quick reference guide compiling numerous tools that can be used for journalistic purposes or other data/map-related approaches and projects.

The great majority of tools and libraries shown here are free to use and or open-source.

Compiled by Sergio Spagnuolo. If you have any suggestions or tips for this list, reach me through Twitter - @sergiospagnuolo.

Tools for: Graphs - Maps - Data - APIs - Non CMS - Jekyll - Other Stuff

---

Graphs

• CDN - Useful CDN links for several JS libraries
• Plot.ly - JS library for data viz (uses CDN)
• D3 - primary JS library for data viz (uses CDN) - by Mike Bostock
• D3 - Generator - simple bar chart tool using D3
• Bonsai js - convert shapes to SVG
• Chartjs - JS library for data viz
• Sheetsee js - JS library for small databeses using Google Sheets
• NVD3 - simple reusable chart tool using D3
• Chartist - interactive chart tool
• Dygraphs - graphs handling large datasets
• Google Charts - speaks for itself
• N3 Charts - customizable line charts
• Sigma js - use this to creat web graphs
• Morris js - quick and simple graphs (uses CDN)
• Cytoscape e aqui - open source software for visualizing molecular interaction networks and biological pathways
• C3 js
• Cubism js - data series visualization
• Plottable - library for some cool data viz
• Rickshaw - data series visualization
• Raphael js - library for some cool data viz, using D3
• RAW - CSV files that generate a SVG data viz. Please use viewbox in your svg tag for responsive viz
• Chart Generator - name is clear enough. Cool and simple tool.
• Circos - complex circular graphs, like chord diagrams. Pretty fucking cool.
• Recline js - library for building data applications in pure Javascript and HTML
• Infocaptor - Can't say I like this tool very much, as their exporting options are somewhat limited - there are better options
• Dimple js - object-oriented API for business analytics powered by d3
• Miso - framework for reusable graphs using D3
• Bokeh - interactive graphs using Python
• Gephi - tool for network viz
• Arbor js - tool for network viz
• Moebio Framework - JS framework for some weird stuff
• Quadrigram - make cool dashboards using D3 viz
• Tangle e aqui - draw dinamic data viz
• Lyra - draw dinamic data viz
• Tau Charts - cool library for data viz
• Processing js - data visualizations and interactive animations using web standards and without any plug-ins
• Processing - Processing is a flexible software sketchbook and a language for learning how to code within the context of the visual arts
• Chris Manning LFC Notation - LCF notation parser for graphs using d3.js - random, but addictive and cool
• Exhibit - create web pages with advanced text search and filtering functionalities
• Nodebox - tools integrate with traditional design applications and run on many platforms
• Three js - build 3D stuff with it
• Underscore - JavaScript library that provides useful functional programming helpers without extending any built-in objects
• ggplot - ggplot2 is a plotting system for R, based on the grammar of graphics
• DC js - yet another javascript library for data viz
• Time plot - widget for plotting time series and overlay time-based events over them
• ICO - JavaScript graph library that uses Raphaël to render graphics
• Ely - pure javascript charting library, easy to use and completely customizable
• Dojo - create dynamic, unique, and functional charts
• CanvasXpress - standalone HTML5 graphing library written in Javascript
• CCchart - a Simple JavaScript chart that does not depend on libraries such as jQuery
• js InfovisToolkit - tools for creating Interactive Data Visualizations for the Web
• JSXGraph - interactive geometry, plotting, visualization
• Smoothie Charts - JavaScript Charting Library for Streaming Data
• Metrics Graphics - library built on top of D3 that is optimized for visualizing and laying out time-series data
• Awesome Charts - charts with JavaScript and the canvas element
• Grafico - javascript charting library based on Raphaël and Prototype.js
• Time Chart - powerful and simple to use chart library for creating time based charts in pure HTML5-JavaScript
• Joint js - HTML 5 Flow Charts, BPMN And Other Diagrams
• sDashboard - simple & light weight dashboard framework in javascript
• DViz - declarative data visualization library written in Javascript
• CSS plot - pute CSS charts (very easy to use and light weight)
• Chart kick - beautiful JavaScript charts with minimal code, and upports Google Charts and Highcharts and works with most browsers
• Seaborn - Python visualization library based on matplotlib
• Blockspring - makes it simple to get data, automate reports, and run machine learning algorithms from your spreadsheets
• Superconductor - framework for creating data visualizations that scale to real-time interactions with up to 1,000,000 data points
• D3plus - make charts in D3
• Polestar - lightweight Tableau-style interface for visual analysis
• Vega - declarative format for creating, saving, and sharing visualization designs
• Easychart - a visual editor for Highcharts in drupal
• Victory - an ecosystem of modular data visualization components

Maps

• Leaflet - Js library for maps (uses CDN)
• Polymap - free JS library for dynamic, interactive maps
• Open Refine address to LAT/LONG - transform address to lat/long values in a CSV using Open Refine
• OSM Boundaries - Region, countries, sub-regions, cities - you can get all their polygons here
• Polygon Creator - very straightforward name
• Mapbox - great mapping tool, especially for basemaps design
• CartoDB's API - great mapping tool, especially for interactive design
• OSM - Open Street Map, as you know
• Stamen - those fellows make cool basemaps and mapping applications
• Time Mapper - elegant timelines and maps created very easily
• Kartograph - ramework for building interactive map applications without Google Maps or any other mapping service
• Indie Mapper - heavy as shit on your browser, but this tool allows you to handle a great deal of mapping formats
• Basemap - library for plotting 2D data on maps in Python
• Sao Paulo - geographic data of Sao Paulo city
• Geo shape - facilitates the indexing of and searching with arbitrary geo shapes such as rectangles and polygons
• Landsat-util - command line utility that makes it easy to search, download, and process Landsat imagery
• OSM-Meta-util - tool to download and process OSM Metadata
• PostGis - spatial database extender for PostgreSQL object-relational database
• Open Layers - high-performance, feature-packed library for all your mapping needs
• Kumu - relationship data
• Crossfilter - JavaScript library for exploring large multivariate datasets in the browser
• JS Infovis Toolkit - provides tools for creating Interactive Data Visualizations for the Web
• Wolfram Alfa - introduces a fundamentally new way to get knowledge and answers
• Pattrn - cool dashboards withs maps
• TopoJson - TopoJSON is an extension of GeoJSON that encodes topology
• Unfolding - Unfolding is a library to create interactive maps and geovisualizations in Processing and Java
• Data Maps - Customizable SVG map visualizations for the web in a single Javascript file using D3.js
• Batch Geocode - Amazing, useful batch geocode tool, don't have words for it
• Geojson mapping - map made simple

Data

• Code beautify - best tool for data convertion into other formats
• Google API
• R - statistical analysis software
• Google Sheets to Json - make your Google Sheet into JSON file format
• CSV/Google Sheets to GeoJson - make your Google Sheet into GeoJSON file format
• JsonLint - JSON validator
• CSV to JSON - the best one out there
• Json to CSV - useful
• Json Editor - editor of Json
• Editdata.org - tool for editing CSV & JSON files from your computer & from GitHub
• Blockspring - integrates Google Sheets with webservices like Tableau and Slack
• DataDeck - clean your data and add it to a map or some simple visualization
• Frictionless data - tools for creating, viewing, validating, publishing, and working with Data Packages
• Table Setter - Ruby app that provides an easy way to present CSVs hosted locally or remotely (e.g. on google, etc) in custom HTML
• RTG - Responsive Table Generator - makes responsive tables, quite useful
• Convert CSV - it does that
• Cube - system for collecting timestamped events and deriving metrics
• Quartz's guide about bada data - a guide to organize data
• Parse Hub - turn dynamic websites into APIs
• Table Generator - makes responsive tables, also quite useful
• SQL Pad - this beauty runs SQL in your browser - by Rick Bergfalk
• JSON online editor - fix your JSON
• PostgreSQL - open source object-relational database system
• Modest Maps - small, extensible, and free library to use interactive maps
• Regexr - online tool to learn, build, & test Regular Expressions
• Tabula-extractor - extract tables from PDF files
• Tabula-java - extract tables from PDF files, newer version
• Tabula - extract tables from PDF files
• CSVKit - a suite of utilities for converting to and working with CSV
• Batch Geocode - Amazing, useful batch geocode tool, don't have words for it
• Regression.js - a javascript library containing a collection of least squares fitting methods

Cool APIs

• SWAPI - API with data about Star Wars all data available as JSON here
• CityBikes - data on bike sharing
• API of Ice and Fire - GOT

Non-CMS solutions

• Jekyll - cool way to publish on the web without fucking trying to kill yourself with other CMS solutions (I am not against CMS, I like them, but boy they are demanding fuckers)
• Prose - web-based interface for managing content on GitHub
• Newsplay - gives out prompts for writing/publishing news with different tools, to different audience, on different platforms - from CUNY's Jue Yang
• Assembly - page builder, drag and drop style

Cool Jekyll templates

• Strata
• Uno
• Agency
• Greyscale
• Strange Case
• Landing Page
• Stylish
• Leonids
• Slender

Other stuff

• Story Builder - engine para publicação de histórias, dá para baixar o código e publicar no seu servidor
• Stack Edit - editor online de Markdown
• AWS S3
• Tributary.io - uma jóia para criar snippets de SVG
• Select 2
• Tumult - HTML generator (pago)
• Scala js
• React - biblioteca do Facebook para construção de UI
• Paper
• Vizsweet - ainda não saiu
• Pym js - responsive iframes
• Inkscape - vector graphics designer
• Fusion guidelines
• HTML validator - check your HTML for errors
• ProPublica Guides
• NPR best practices
• Stevedore - make your search engine out of a .zip file
• Balsamiq - wireframing tool
• Gifmaker - best for making Gifs
• Makr a Gif - easiest to share Gifs on social media
• Epic editor - embeddable javascript markdown editor
• Assemble - static site generator with node.js

References

• ref 1.: TNW
• ref 2.: INN
• ref 3.: Visual Cinnamon
• ref 4.: Medium Volt
• ref 5.: Medium Volt 2
• ref 6.: TNW
• ref 7.: Dev Seed
• ref 8.: Dev Seed
• ref 9.: Dev Seed
• ref 10.: Dev Seed
• ref 11.: GitHub
• ref 12.: GitHub
• ref 13.: GitHub
• ref 14.: CB
• ref 15.: Silk
• ref 16.: TS

I sometimes try to name the tool's creators, but I don't put much effort into finding their name. If you want attribution, reach me through Twitter.