An R package for creating interactive web graphics via the open source JavaScript graphing library plotly.js.NOTE: The CRAN version of plotly is designed to work with the CRAN version of ggplot2, but at least for the time being, we recommend using the development versions of both plotly and ggplot2 (devtools::install_github("hadley/ggplot2")).
r ggplot2 data-visualization d3js shiny plotly webglnivo provides supercharged React components to easily build dataviz apps, it's built on top of d3. Several libraries already exist for React d3 integration, but just a few provide server side rendering ability and fully declarative charts.
dataviz react d3js isomorphic svg charts componentsRAWGraphs is an open web tool to create custom vector-based visualizations on top of the amazing d3.js library by Mike Bostock. It has been developed by DensityDesign Research Lab (Politecnico di Milano) and Calibro, and sustained through a corporate stewardship by ContactLab. Primarily conceived as a tool for designers and vis geeks, RAWGraphs aims at providing a missing link between spreadsheet applications (e.g. Microsoft Excel, Apple Numbers, Google Docs, OpenRefine, …) and vector graphics editors (e.g. Adobe Illustrator, Inkscape, …).
svg vector-graphics data-visualization rawgraphs d3js angular data ddj design visualizationObjective-C and Swift dependency visualizer. It's tool that helps to visualize current state of your project. It's really easy to see how tight your classes are coupled.
dependency dependency-graph dependency-tree structure graph d3js swift-dependencies-visualizerDex : The data explorer is a data visualization tool written in Java/JavaFX capable of powerful ETL and data visualization. There are 2 main ways to install Dex.
data-science data-visualization visualization data-analysis data-mining javafx d3 dataviz datavis datavisualization d3jsThis list keeps track of interesting D3js libraries, plugins and utilities. We decided not to list tutorials, resources or concepts here, because there is already a very good list of readings out there you can check out and contribute to. You can also explore the list with our interactive D3 Discovery tool.
datavisualization d3js charts maps:bar_chart: :clipboard: Dashboards using YAML or JSON files
data-science data-visualization dashboard data-engineering d3 d3js chart data yaml csv json gist github-gist big-data business-intelligence data-driven just-dashboardThis module will help you to create a calendar, like the contribution calendar appearing on each github user's page, but with navigation and more controls on the data formatting. See documentation for examples.
series-data calendar-heatmap d3js calendar graph heat-mapREAVIZ is a modular chart component library that leverages React natively for rendering the components while using D3js under the hood for calculations. The library provides an easy way to get started creating charts without sacrificing customization ability.
d3js charts data-visualization reactjs dataviz bar-chart area-chart hive-plot scatter-plot map-chart sparkline pie-chart bubble-chart sankey-chart svg heatmap calendar-heatmap react d3.js d3 charting axis brush line-chart sankey pan zoom radial legendsAn R package for creating interactive web graphics via the open source JavaScript graphing library plotly.js. Moreover, since ggplotly() returns a plotly object, you can apply essentially any function from the R package on that object. Some useful ones include layout() (for customizing the layout), add_traces() (and its higher-level add_*() siblings, for example add_polygons(), for adding new traces/data), subplot() (for combining multiple plotly objects), and plotly_json() (for inspecting the underlying JSON sent to plotly.js).
webgl ggplot2 r shiny plotly data-visualization rstats r-package d3jsThis README includes information on set up and a number of basic examples. For more information see the package's main page. networkD3 began as a port of d3Network package to the htmlwidgets framework. d3Network is no longer supported.
networks d3js rstatsUsing the web audio api, I can get an array of numbers which corresponds to the waveform of the sound an html5 audio element is producing. There's a good tutorial on how to do this. Then, using requestAnimationFrame (with a little frame limiting for performance reasons) I'm updating that array as the music changes. I then normalize the data a bit (or transform it slightly depending on the visualization) and redraw the screen based on the updated array. I'm using d3.js to draw and redraw SVG based on this normalized data. Each visualization uses the data a bit differently -- it was mostly trial and error to get some stuff I liked looking at. Since I'm using D3 -- which is just drawing SVG -- I was able to style everything in CSS (no images are used at all, including icons). There are a handful of differently colored themes for each visualization, and I do some rudimentary CSS namespacing by updating a class applied to the html element. eg. <html class='theme_1'>. This lets me override or substitute CSS rules pretty trivially. I can add some additional variation to each theme by messing with pseudo selectors. For example, I can use :nth-of-type to hide every nth SVG rectangle or making every odd child have a different stroke-dasharray, etc.
visualization html5-audio-element d3js d3 audio-visualizer audio art generative-art data-visualizationThis allows you to define a minimum width for an interval element. Sometimes, when you zoom out too much you might still want to be able to visualize the interval. It defaults to 8.
d3-timeline chart d3js timeline gantt-chartA collection of components that make it easy to build interactive charts with D3. This project has recently upgraded to D3 version 5 to take advantage of the new promise-based API, and stays compatible with D3 version 4 for all other functionality. For more details, see the release notes for D3 version 5.0 and d3fc v14.0.0.
d3 d3js d3fc interactive-charts chart financial components chartsReleased March 22, 2018. D3 5.0 引入了很少的非向后兼容的改变.
d3 d3js d3v4 d3v5Update documentationVue components to display graphics based on D3.js layout. For all these events, the argument passed is {element, data} where element represents the node build by D3.js and data is the node raw data.
d3js vuejs2 component tree vue vuejs d3.js web-componentsNeo4j graph visualization using D3.js. First of all, make sure you have ruby and sass gem installed. Then, clone the repository, install all dependencies, build and serve the project.
neo4j d3 d3js graph-visualization d3.jsd3 Extended is compatible with d3 v4. If you are looking for the v3 compatible module you can find it on the v3 branch. This module extends d3-selection with helpful functions which are similar to the jQuery API. If you want to get to know more about this project, feel free to read the blog post: Replacing jQuery with d3.
d3js d3 datavisualization d3-moduleThis library is focused on handling graph data (anything with nodes and edges) rather than chart data. Currently the only visualization uses the Dagre layout, which is specialized for directed graphs. The plan is to implement multiple visualisations for graph data within this same library. Eventually, ngx-charts-force-directed-graph may be imported into this library as another option to visualize your graph data. ngx-graph is a Swimlane open-source project; we believe in giving back to the open-source community by sharing some of the projects we build for our application. Swimlane is an automated cyber security operations and incident response platform that enables cyber security teams to leverage threat intelligence, speed up incident response and automate security operations.
dag directed-graph chart svg angular angular2 data-viz workflow angularjs charts charting d3 viz graph dataviz d3.js d3js angular4 directed-acyclic-graph visualization tree
We have large collection of open source products. Follow the tags from
Tag Cloud >>
Open source products are scattered around the web. Please provide information
about the open source projects you own / you use.
Add Projects.