react-network-diagrams - Contains ESnet network mapping and circuit rendering code, as used in the ESnet portal

  •        20

This repository contains an initial set of React circuit drawing and network mapping components which are used within the ESnet Portal, but are not tied to ESnet, or even to network visualization. The mapping portion of this library is used in the public facing ESnet Portal. The circuit diagrams code us used internally to track ESnet circuits in the ESDB.

http://software.es.net/react-network-diagrams
https://github.com/esnet/react-network-diagrams

Tags
Implementation
License
Platform

   




Related Projects

react-timeseries-charts - Declarative and modular timeseries charting components for React

  •    Javascript

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. The library is used throughout the public facing ESnet Portal.

GoJS - JavaScript diagramming library for interactive flowcharts, org charts, design tools, planning tools, visual languages

  •    Javascript

GoJS is a JavaScript and TypeScript library for creating and manipulating diagrams, charts, and graphs. GoJS is a flexible library that can be used to create a number of different kinds of interactive diagrams, including data visualizations, drawing tools, and graph editors. There are samples for flowchart, org chart, business process BPMN, swimlanes, timelines, state charts, kanban, network, mindmap, sankey, family trees and genogram charts, fishbone diagrams, floor plans, UML, decision trees, pert charts, Gantt, and hundreds more. GoJS includes a number of built in layouts including tree layout, force directed, radial, and layered digraph layout, and a number of custom layout examples.

react-map-gl - React friendly API wrapper around MapboxGL JS

  •    Javascript

In addition to exposing MapboxGL functionality to React apps, react-map-gl also integrates seamlessly with deck.gl.browserify - react-map-gl is extensively tested with browserify and works without configuration.

react-native-baidu-map - Baidu Map SDK modules and view for React Native(Android & IOS), support react native 0

  •    Objective-C

Baidu Map SDK modules and view for React Native(Android & IOS), support react native 0.40+. 百度地图相关模块和视图,支持react native 0.40+。

ReactScriptLoader - A library for creating React components that depend on external scripts.

  •    Javascript

ReactScriptLoader simplifies creating React components whose rendering depends on dynamically loaded scripts. It can be used for lazily loading heavy scripts but it's especially useful for loading components that rely on 3rd party scripts, such as Google Maps or Stripe Checkout. React apps are typically single-page apps that are rendered client-side in Javascript. When loading a site built with React, the browser typically pre-loads the javascript necessary to render the site's React components so that they can be rendered with no latency. This works well for sites that serve a relatively small amount of javascript from their own servers in a single bundle. However, in some situations pre-loading all the scripts necessary to render the site's components is impractial. For example, a site may have a Map component that relies on a dynamically loaded 3rd party library to render itself. It may be possible to delay rendering the app until the third party library is finished loading but doing so would make the site feel unnecessarily sluggish. It's a much better strategy to first render the page with a placeholder for the map and asynchronously render the map once the third party library has loaded. Deferring the loading of the external script is even more important when the map component isn't rendered right away but is only revealed after user interaction.


react-simple-maps - An svg map component built with and for React

  •    Javascript

An svg map component built with and for React. It allows the creation of pure react svg maps. React-simple-maps aims to make working with svg maps in react easier. It handles tasks such as panning, zooming and simple rendering optimization, and takes advantage of parts of d3-geo and topojson-client instead of relying on the entire d3 library.

react-relay-network-layer - ReactRelayNetworkLayer with middlewares and query batching for Relay Classic

  •    Javascript

The ReactRelayNetworkLayer is a Relay Network Layer with various middlewares which can manipulate requests/responses on the fly (change auth headers, request url or perform some fallback if request fails), batch several relay request by timeout into one http request. ReactRelayNetworkLayer can be used in browser, react-native or node server for rendering. Under the hood this module uses global fetch method. So if your client is too old, please import explicitly proper polyfill to your code (eg. whatwg-fetch, node-fetch or fetch-everywhere).

Netdisco

  •    Perl

Netdisco is an SNMP-based L2/L3 network management tool designed for moderate to large networks. Routers and switches are polled to log IP and MAC addresses and map them to switch ports. Automatic L2 network topology discovery, display, and inventory.

pigeon-maps - ReactJS Maps without external dependencies

  •    Javascript

This project aims to provide a performance-first React-centric extendable map engine. It was originally created to reduce page load speed for the search results on Apprentus, a marketplace for private lessons.

react-network - Notifies your app when the network goes offline and back online.

  •    HTML

Notifies your app when the network connection goes online or offline.Because the next billion users of the internet will have a decent device but a spotty connection. Having a component to help you declaratively deal with that is super fantastic.

rn-sliding-up-panel - Draggable sliding up panel implemented in React Native

  •    Javascript

React Native draggable sliding up panel purly implemented in Javascript. Inspired by AndroidSlidingUpPanel. Works nicely on both iOS and Android.

skydive - An open source real-time network topology and protocols analyzer

  •    Go

Skydive is an open source real-time network topology and protocols analyzer. It aims to provide a comprehensive way of understanding what is happening in the network infrastructure. Skydive agents collect topology informations and flows and forward them to a central agent for further analysis. All the informations are stored in an Elasticsearch database.

react-amap - 基于 React 封装的高德地图组件。AMap Component Based On React.

  •    Javascript

基于 React 封装的高德地图组件。AMap Component Based On React.

google-maps-react - Companion code to the "How to Write a Google Maps React Component" Tutorial

  •    Javascript

A declarative Google Map React component using React, lazy-loading dependencies, current-location finder and a test-driven approach by the Fullstack React team. See the demo and accompanying blog post.

react-leaflet - ⚛️ React components for 🍃 Leaflet maps

  •    Javascript

⚛️ React components for 🍃 Leaflet maps. See the CHANGELOG and UPGRADING files.

react-native-nike-running - 🏃 UI & UX Prototype of redesigned Nike+ Running for React Native 📱+ React Native DOM (Web) 🌏

  •    Javascript

I recently watched the talk from @vincentriemer about react native dom and I amazed that we can port directly our current react native app into website. Then, I started this experiment and see the performance and the gesture in the web. The result is fascinating. I can reuse almost all of the components except the map and linear gradient, so I make a quick hack for the LinearGradient Component.

react-google-maps - React.js Google Maps integration component

  •    Javascript

The changelog is automatically generated via standard-version and can be found in project root as well as npm tarball. Please, be noted, no one, I mean, no one, is obligated to help you in ANY means. Your time is valuable, so does our contributors. Don't waste our time posting questions like “how do I do X with React-Google-Maps” and “my code doesn't work”. This is not the primary purpose of the issue tracker. Don't abuse.

react-native-maps - React Native Mapview component for iOS + Android

  •    Objective-C

See Installation Instructions. See Setup Instructions for the Included Example Project.

react-jss - JSS integration for React.

  •    Javascript

React-JSS provides components for JSS as a layer of abstraction. JSS and the default preset are already built in! Try it out in the playground. React-JSS wraps your component with a higher-order component. It injects a classes prop, which is a simple map of rule names and generated class names. It can act both as a simple wrapping function and as an ES7 decorator.