Search Results for "styling"

An events calendar component built for React and made for modern browsers (read: IE10+) and uses flexbox over the classic tables-ception approach. Styles can be found at: react-big-calendar/lib/css/react-big-calendar.css, and should be included on the page with the calendar component. Also make sure that your calendar's container element has a height, or the calendar won't be visible. Date internationalization and localization is hard and react-big-calendar doesn't even attempt to solve that...

...Topological and network data i.e. flow diagrams, network visualization, and hierarchical views. A guide for creating a line chart, timeseries, difference line, and line percents using XYFrame along with hover behavior, responsive dimensions, and styling. XYFrame takes lines as an object or an array of objects. Each object represents a line. Every object needs a coordinates property with the array of points for that line. The points will be rendered in the order of that array. You can use a key other than coordinates by changing the lineDataAccessor props.

Mapus is an open-source project by the same author as motionity, intended to offer a web-based map layout and interactive mapping utility for building custom maps and layouts for web applications. The project aims to make map creation and manipulation — including pinning markers, drawing, layering, and possibly interactive or dynamic behaviors — easier to embed into web pages without the overhead of heavy GIS libraries. Through a clean JavaScript API, mapus enables developers to integrate...

Britecharts is a client-side reusable Charting Library based on D3.js v5 that offers easy and intuitive use of charts and components that can be composed together to create amazing visualizations. Britecharts components have been written in ES2016 with a Test Driven methodology, so they are fully tested, and we are committed to keeping them that way. The typical use of Britecharts involves creating a chart using its simple API, then rendering it on a container that has previously had data...

The Objectsheet is a visual analytical tool for structured data that is less error-prone than a traditional spreadsheet. Instead of a "large grid of cells and scattered formulas", the Objectsheet uses finite-sized tables, Javascript objects, and templated formulas, formats, and styling, where you can easily add functionality using javascript code.