{"id":21802961,"url":"https://github.com/webmobiledev/d3-visuals","last_synced_at":"2025-03-21T07:15:55.959Z","repository":{"id":94638530,"uuid":"95348083","full_name":"webmobiledev/d3-visuals","owner":"webmobiledev","description":"There are some data visualizations like treechart, bubblechart, mbostock, mapchart using d3.js.","archived":false,"fork":false,"pushed_at":"2017-08-02T15:56:45.000Z","size":4000,"stargazers_count":1,"open_issues_count":0,"forks_count":1,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-01-26T04:09:22.319Z","etag":null,"topics":["bootstrap","d3js","data-visualization","highcharts","mbostock-d3"],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/webmobiledev.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-06-25T08:39:56.000Z","updated_at":"2017-11-20T06:49:14.000Z","dependencies_parsed_at":"2023-03-30T08:36:11.568Z","dependency_job_id":null,"html_url":"https://github.com/webmobiledev/d3-visuals","commit_stats":null,"previous_names":["webmobiledev/d3-visuals"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webmobiledev%2Fd3-visuals","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webmobiledev%2Fd3-visuals/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webmobiledev%2Fd3-visuals/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webmobiledev%2Fd3-visuals/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/webmobiledev","download_url":"https://codeload.github.com/webmobiledev/d3-visuals/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244752362,"owners_count":20504256,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["bootstrap","d3js","data-visualization","highcharts","mbostock-d3"],"created_at":"2024-11-27T11:35:37.756Z","updated_at":"2025-03-21T07:15:55.935Z","avatar_url":"https://github.com/webmobiledev.png","language":"JavaScript","readme":"# d3-visualsThere are some data visualizations like treechart, bubblechart, mbostock, mapchart using d3.js.\r\nI added Bubblechart, TreeChart, Mbostock1, Mbostock2, Highchart(Map) into Bootstrap template.\r\n## D3: Data-Driven Documents\r\nD3 (or D3.js) is a JavaScript library for visualizing data using web standards. D3 helps you bring data to life using SVG, Canvas and HTML. D3 combines powerful visualization and interaction techniques with a data-driven approach to DOM manipulation, giving you the full capabilities of modern browsers and the freedom to design the right visual interface for your data.\r\n\r\nD3 allows you to bind arbitrary data to a Document Object Model (DOM), and then apply data-driven transformations to the document. For example, you can use D3 to generate an HTML table from an array of numbers. Or, use the same data to create an interactive SVG bar chart with smooth transitions and interaction.\r\n\r\nD3 is not a monolithic framework that seeks to provide every conceivable feature. Instead, D3 solves the crux of the problem: efficient manipulation of documents based on data. This avoids proprietary representation and affords extraordinary flexibility, exposing the full capabilities of web standards such as HTML, SVG, and CSS. With minimal overhead, D3 is extremely fast, supporting large datasets and dynamic behaviors for interaction and animation. D3�s functional style allows code reuse through a diverse collection of official and community-developed modules.\r\n## Installing\r\nIf you use npm, `npm install d3`. Otherwise, download the [latest release](https://github.com/d3/d3/releases/tag/v4.9.1). The released bundle supports anonymous AMD, CommonJS, and vanilla environments. You can load directly from [d3js.org](https://d3js.org/), [CDNJS](https://cdnjs.com/libraries/d3), or [unpkg](https://unpkg.com/d3@4.9.1/). For example:\r\n\r\n`\u003cscript src=\"https://d3js.org/d3.v4.js\"\u003e\u003c/script\u003e`\r\n\r\nFor the minified version:\r\n\r\n`\u003cscript src=\"https://d3js.org/d3.v4.min.js\"\u003e\u003c/script\u003e`\r\n\r\nYou can also use the standalone D3 microlibraries. For example, [d3-selection](https://github.com/d3/d3-selection):\r\n\r\n`\u003cscript src=\"https://d3js.org/d3-selection.v1.js\"\u003e\u003c/script\u003e`\r\n\r\nD3 is written using [ES2015 modules](http://2ality.com/2014/09/es6-modules-final.html). Create a [custom bundle using Rollup](https://bl.ocks.org/mbostock/bb09af4c39c79cffcde4), Webpack, or your preferred bundler. To import D3 into an ES2015 application, either import specific symbols from specific D3 modules:\r\n\r\n`import {scaleLinear} from \"d3-scale\";`\r\n\r\nOr import everything into a namespace (here, `d3`):\r\n\r\n`import * as d3 from \"d3\";`\r\n\r\nIn Node:\r\n\r\n`var d3 = require(\"d3\");`\r\n\r\nYou can also require individual modules and combine them into a `d3` object using [Object.assign](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/assign):\r\n\r\n`var d3 = Object.assign({}, require(\"d3-format\"), require(\"d3-geo\"), require(\"d3-geo-projection\"));`\r\n\r\n## Results\r\n1|2\r\n:---:|:--:\r\n![](git-images/1.png)|![](git-images/2.png)\r\n![](git-images/3.png)|![](git-images/4.png)\r\n![](git-images/5.png)|","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwebmobiledev%2Fd3-visuals","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwebmobiledev%2Fd3-visuals","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwebmobiledev%2Fd3-visuals/lists"}