robhawkes + charts   49

GIS Data & Services
Coast Survey uses nautical charting data to produce GIS-friendly products for a world of uses outside of navigation. Find the product or service that supports your application.

ENC Direct to GIS
marine  ocean  sea  water  bathymetry  data  open_data  portal  us  charts  navigation  label:try_out  vizicities  demo 
august 2018 by robhawkes
Victory | Home
React.js components for
modular charting and data visualization
react  charts  graphs  data_visualisation  javascript  library 
august 2018 by robhawkes
Chroma.js Color Scale Helper
This chroma.js-powered tool is here to help us mastering multi-hued, multi-stops color scales.
mapping  geography  data_visualisation  charts  colour  scales  ramps  palette  tools  label:try_out  vizicities 
august 2018 by robhawkes
Colorpicker for data | tristen
Built off Gregor Aisch's article and color conversion library chroma.js.
mapping  geography  data_visualisation  charts  colour  scales  ramps  palette  tools  label:try_out  vizicities 
august 2018 by robhawkes
Your Friendly Guide to Colors in Data Visualisation · Lisa Charlotte Rost
A few days ago, I approached my Twitter followers with a request to help me in an urgent matter: “Can somebody tell me how to get better with color?,” I wrote. “ My color decisions are awful.” Thanks to a retweet by Scott Murray I got a lot of replies with links to websites and tools. They were awesome. And I want to share them with you, annotated with my own thoughts about them
mapping  geography  data_visualisation  charts  colour  scales  ramps  palette  tools  label:try_out  vizicities 
august 2018 by robhawkes
mapbox-gl-js/bench at master · mapbox/mapbox-gl-js
Benchmarks help us catch performance regressions and improve performance.
webgl  charts  performance  MapBox  javascript  graphs  data_visualisation  metrics  benchmarks 
october 2017 by robhawkes
Path Transitions
When implementing realtime displays of time-series data, we often use the x-axis to encode time as position: as time progresses, new data comes in from the right, and old data slides out to the left.
charts  graphs  d3  animation  performance  timeseries  realtime  live  data_visualisation  svg  javascript 
april 2016 by robhawkes
Normalized Stacked Bar Chart - bl.ocks.org
This variation of a stacked bar chart shows percentages rather than absolute numbers.
charts  stacked  d3  graphs  bar  data_visualisation  javascript 
april 2016 by robhawkes
Stacked Bar Chart - bl.ocks.org
This stacked bar chart is constructed from a CSV file storing the populations of different states by age group. The chart employs conventional margins and a number of D3 features:
charts  stacked  d3  graphs  bar  data_visualisation  javascript 
april 2016 by robhawkes
xCharts
xCharts is a JavaScript library for building beautiful and custom data-driven chart visualizations for the web using D3.js. Using HTML, CSS, and SVG, xCharts are designed to be dynamic, fluid, and open to integrations and customization.
d3  javascript  graphs  charts  data_visualisation 
april 2016 by robhawkes
mariusGundersen/sparkline
Sparklines are tiny line graphs draws inline in the document. They are designed to present the overal trend in data without giving detailed information about a dataset.
data_visualisation  sparkline  javascript  graphs  canvas  charts 
april 2016 by robhawkes
MetricsGraphics.js - a library based on D3.js, optimized for visualizing and laying out time-series data
MetricsGraphics.js is a library built on top of D3 that is optimized for visualizing and laying out time-series data. It provides a simple way to produce common types of graphics in a principled, consistent and responsive way. The library currently supports line charts, scatterplots, histograms, bar charts and data tables as well as features like rug plots and basic linear regression.
timeseries  d3  graphs  javascript  charts 
april 2016 by robhawkes
Chart.js | Open source HTML5 Charts for your website
Simple, clean and engaging charts for designers and developers
javascript  canvas  graphs  data_visualisation  charts 
april 2016 by robhawkes
emilmork/react-rt-chart: Real time chart component for React using c3.js
A React component wrapping c3.js flow API that makes it easy to create real-time charts.
graphs  charts  d3  realtime  c3  data_visualisation  react  javascript 
april 2016 by robhawkes
D3 within React the right way | Oliver Caldwell's blog
If you follow me on twitter (I’m @OliverCaldwell, if you don’t) you will have noticed that I’ve been tweeting about D3 and React a lot recently. More specifically, how to use both together in a pleasant yet efficient way. After a few weeks of thought and a couple of potential solutions actually being built and used, I settled on what I think is the ideal way to use DOM mutating JavaScript (like D3) from within React.
javascript  graphs  d3  performance  charts  reference  data_visualisation  react  dom 
april 2016 by robhawkes
FormidableLabs/victory: A collection of composable React components for building interactive data visualizations
Victory is an opinionated, but fully overridable, ecosystem of composable React components for building interactive data visualizations. This repo aggregates all of the stable Victory components so they can be conveniently included.
charts  graphs  d3  components  data_visualisation  react  javascript 
april 2016 by robhawkes
D3plus
Data visualization made easy. A javascript library that extends the popular D3.js to enable fast and beautiful visualizations.
d3  graphs  javascript  charts  data_visualisation 
april 2016 by robhawkes
Palantir - Plottable.js
Flexible, interactive charts for the web.
d3  graphs  javascript  data_visualisation  charts 
april 2016 by robhawkes
Mastering Multi-hued Color Scales with Chroma.js | vis4.net
Probably one of the most useful things about Cynthia Brewers color advice for cartography are the multihue color schemes. This post explains how you can create your own, using two new features of chroma.js: Bezier interpolation and automatic lightness correction.
lightness  scale  colorbrewer  chroma.js  graphs  interpolation  geography  javascript  vizicities  colour  mapping  charts  bezier  hue  data_visualisation 
april 2016 by robhawkes
esnet/react-timeseries-charts: Declarative and modular timeseries charting components for React
This library contains a set of modular charting components used for building flexible interactive charts. It was built for React from the ground up, specifically to visualize timeseries data and network traffic data in particular. Low level elements are constructed using d3, while higher level composability is provided by React. Charts can be stacked as rows, overlaid on top of each other, or any combination, all in a highly declarative manner.
graphs  charts  timeseries  d3  web_app  ui  components  data_visualisation  react  javascript 
april 2016 by robhawkes
Chartist - Simple responsive charts
You may think that this is just yet an other charting library. But Chartist.js is the product of a community that was disappointed about the abilities provided by other charting libraries. Of course there are hundreds of other great charting libraries but after using them there were always tweaks you would have wished for that were not included.
graphs  charts  ui  web_app  css  data_visualisation  svg  javascript 
april 2016 by robhawkes
uber-common/react-vis:
A collection of react components to render common data visualization charts, such as line/area/bar charts, heat maps, scatteplots, pie and donut charts, tables with fixed headers and tree maps.
graphs  charts  d3  ui  web_app  components  data_visualisation  react  javascript 
april 2016 by robhawkes
codesuki/react-d3-components: D3 Components for React
Let React have complete control over the DOM even when using D3. This way we can benefit from Reacts Virtual DOM.
graphs  charts  d3  ui  web_app  components  data_visualisation  react  javascript 
april 2016 by robhawkes
yang-wei/rd3: React + D3
Modular ReactJS charts made using d3 chart utilities. Work on project documentation has started here. A few examples of the available charts can be seen below, the others can be viewed here, side-by-side with the React code that generates the charts.
charts  graphs  d3  web_app  ui  components  data_visualisation  react  javascript 
april 2016 by robhawkes
open flightmaps
The mission of the project is to develop and maintain a universal database of aeronautical data, in order to facilitate the rendering of high quality VFR maps to assist the general aviation community.

As the name suggests, a key part of the project is that it is an open source project which coordinates the work of a large community of volunteer contributors.
planes  mapping  charts  vizicities  flights  open_data  aircraft  demo  aviation  geography 
april 2016 by robhawkes
chroma.js
chroma.js is a tiny JavaScript library (12kB) for dealing with colors!
data_visualisation  scale  graphs  lighten  cmyk  javascript  hsv  hsl  colour  convert  transform  rgb  ui  vizicities  interpolation  brewer  charts  darken 
march 2016 by robhawkes
tmcw/visualization-cheatsheet
What kind of data do you have, and what are you trying to show about it?
data_visualisation  reference  cheatsheet  graphs  charts  data 
january 2016 by robhawkes
tmcw/stickshift: A clean & modern SQL data interface.
A clean & modern data interface: SQL queries into JSON, CSV, and charts, done simply.
sql  json  csv  charts  data_visualisation  javascript  node.js  sqlite  postgres  postgis  mysql  app 
january 2016 by robhawkes
Sheetsee.js
Sheetsee.js is a client-side library for connecting Google Spreadsheets to a website and visualizing the information in tables, maps and charts.
google  spreadsheets  data_visualisation  library  table  map  charts  graphs 
december 2015 by robhawkes
SqlPad - A web app for running SQL queries and visualizing the results
SqlPad is a self-hosted web app for writing and running SQL queries and visualizing the results. Its goal is to be a simple tool for exploratory data work and visualizations, ideal for data analysts who would prefer to work in SQL.
sql  database  web_app  gui  data_visualisation  charts  graphs  postgres  postgis  mysql 
december 2015 by robhawkes
Getting Started | d3.compose
Compose complex, data-driven visualizations from reusable charts and components with d3.
d3  javascript  graphs  charts  data_visualisation 
december 2015 by robhawkes
js-sequence-diagrams by bramp
A simple javascript library to turn text into vector UML sequence diagrams. Heavily inspired by websequencediagrams.com, who offer a serverside solution. We use Jison to parse the text, and Raphaël to draw the image.
charts  diagrams  uml  javascript  architecture  data_visualisation  library 
september 2015 by robhawkes
JUMLY, Advanced modern rendering engine for UML diagram with JavaScript/HTML5/CSS
JUMLY is a JavaScript library for UML diagram rendering engine. It works completely on client side. Using JUMLY, you can easily embed stylish UML diagrams on your HTML document. You need nothing to use JUMLY except for modern browser.
uml  diagrams  charts  library  javascript  data_visualisation  architecture 
september 2015 by robhawkes
JavaScript Graphing Library | Plotly
plotly.js is Plotly's client-side, interactive JavaScript graphing library, built on top of D3.js and stackgl.
graphs  charts  library  d3  vizicities  data_visualisation  label:try_out  2d  stackgl  javascript 
september 2015 by robhawkes
GoJS® Diagramming Components for HTML5/Canvas, by Northwoods Software®
GoJS is a feature-rich JavaScript library for implementing interactive diagrams across modern browsers and platforms. GoJS makes constructing diagrams of complex Nodes, Links, and Groups easy with customizable templates and layouts.
javascript  data_visualisation  svg  library  diagrams  charts  graphs  tool  interactive  vizicities 
april 2015 by robhawkes
JointJS - the HTML 5 JavaScript diagramming library.
JointJS is a modern HTML 5 JavaScript library for visualization and interaction with diagrams and graphs. It can be used to create either static diagrams or, and more importantly, fully interactive diagramming tools and application builders. JointJS makes it easy to create visual tools of various kinds.
The event-driven nature together with MVC architecture of JointJS makes it easy to plug-in any backend technology.
javascript  data_visualisation  svg  library  diagrams  charts  graphs  tool 
april 2015 by robhawkes
The Netflix Tech Blog: Introducing Vector: Netflix's On-Host Performance Monitoring Tool
Vector is an open source host-level performance monitoring framework, which exposes hand-picked, high-resolution system and application metrics to every engineer’s browser. Having the right metrics available on demand and at a high resolution is key to understanding how a system behaves and correctly troubleshooting performance issues. Previously, we'd login to instances as needed, run a variety of commands, and sift through the output for the metrics that matter. Vector cuts down the time to get to those metrics, helping us respond to incidents more quickly.
python  metrics  performance  web_app  angular  d3  charts  graphs  server  dashboard  cpu  memory  disk  monitoring  network 
april 2015 by robhawkes
C3.js | D3-based reusable chart library
C3 makes it easy to generate D3-based charts by wrapping the code required to construct the entire chart. We don't need to write D3 code any more.
d3  charts  graphs  data_visualisation  data  javascript  svg  vizicities  2d 
august 2014 by robhawkes
Epoch by Fastly
A general purpose real-time charting library for building beautiful, smooth, and high performance visualizations.
realtime  live  data_visualisation  graphs  charts  vizicities  d3  canvas  javascript 
july 2014 by robhawkes
NVD3
This project is an attempt to build re-usable charts and chart components for d3.js without taking away the power that d3.js gives you. This is a very young collection of components, with the goal of keeping these components very customizeable, staying away from your standard cookie cutter solutions.
d3  data_visualisation  javascript  html5  svg  charts  component 
april 2014 by robhawkes

related tags

2d  aircraft  angular  animation  app  architecture  aviation  bar  bathymetry  benchmarks  bezier  blog  brewer  c3  canvas  chartist.js  charts  cheatsheet  chroma.js  cmyk  colorbrewer  colour  component  components  convert  cpu  css  csv  d3  darken  dashboard  data  database  data_visualisation  demo  diagrams  disk  dom  fbp  flights  generator  geography  google  graphs  gui  horizontal  hsl  hsv  html5  hue  interactive  interpolation  javascript  json  label:try_out  library  lighten  lightness  live  map  MapBox  mapping  marine  memory  metrics  monitoring  mysql  navigation  network  node.js  noflo  ocean  open_data  palette  performance  planes  portal  postgis  postgres  python  ramps  react  realtime  reference  rgb  scale  scales  sea  server  sparkline  sparklines  spreadsheets  sql  sqlite  stacked  stackgl  svg  table  timeseries  tool  tools  transform  ui  uml  us  vizicities  water  webgl  web_app  writing  xkcd 

Copy this bookmark:



description:


tags: