Published
Edited
Feb 19, 2020
1 star
data = {
var dt =
{"nodes":[{'id': 0, 'name': '*_12', 'specs': ['IEPOX', 'RU14OOH']}, {'id': 1, 'name': '*_13', 'specs': ['RI14OOH', 'RI14O2']}, {'id': 2, 'name': '*_10', 'specs': ['NRN9O2', 'NRN9OOH']}, {'id': 3, 'name': '*_11', 'specs': ['NRTX28OOH', 'NRTX28O2']}, {'id': 4, 'name': '*_16', 'specs': ['RTN23O2', 'RTN23OOH']}, {'id': 5, 'name': '*_17', 'specs': ['RTN25NO3', 'TNCARB15']}, {'id': 6, 'name': '*_14', 'specs': ['PECOH', 'DIEK']}, {'id': 7, 'name': '*_15', 'specs': ['RTN25OOH', 'RTN25O2']}, {'id': 8, 'name': '12_8', 'specs': ['NRI15OOH', 'NRI15O2']}, {'id': 9, 'name': '12_9', 'specs': ['NRI12OOH', 'NRI12O2']}, {'id': 10, 'name': '*_18', 'specs': ['RTN24O2', 'RTN24OOH']}, {'id': 11, 'name': '*_7', 'specs': ['NRI15OOH', 'NRI15O2']}, {'id': 12, 'name': '12_2', 'specs': ['CARB12', 'RN14OOH']}, {'id': 13, 'name': '*_1', 'specs': ['RN8O2', 'CH3COCH3']}, {'id': 14, 'name': '*_2', 'specs': ['RU11O2', 'RU11OOH']}, {'id': 15, 'name': '*_3', 'specs': ['NRN6O2', 'NRN6OOH']}, {'id': 16, 'name': '*_4', 'specs': ['RTN26OOH', 'RTN26O2', 'RTN26PAN']}, {'id': 17, 'name': '*_5', 'specs': ['RUA20OOH', 'RUA20O2']}, {'id': 18, 'name': '*_6', 'specs': ['PHAN', 'HOCH2CO3H', 'HOCH2CO3']}, {'id': 19, 'name': '*_9', 'specs': ['NRI12OOH', 'NRI12O2']}, {'id': 20, 'name': '00_20', 'specs': ['RTN25NO3', 'TNCARB15']}, {'id': 21, 'name': '00_21', 'specs': ['RTN24O2', 'RTN24OOH']}, {'id': 22, 'name': '00_22', 'specs': ['PPN', 'C2H5CO3H', 'C2H5CO3']}, {'id': 23, 'name': '00_23', 'specs': ['CH3CO3H', 'CH3CO3', 'PAN']}, {'id': 24, 'name': '12_5', 'specs': ['NRU12OOH', 'NOA', 'NRU12O2']}, {'id': 25, 'name': '12_6', 'specs': ['RN9O2', 'RN9NO3', 'RN9OOH']}, {'id': 26, 'name': '12_7', 'specs': ['PHAN', 'HOCH2CO3H', 'HOCH2CO3']}, {'id': 27, 'name': '12_1', 'specs': ['RN34AO2', 'RN33O2']}, {'id': 28, 'name': 'undefined', 'specs': ['undefined']}, {'id': 29, 'name': '12_3', 'specs': ['NRN15O2', 'NRN15OOH']}, {'id': 30, 'name': '*_8', 'specs': ['MPAN', 'MACO3']}, {'id': 31, 'name': '00_9', 'specs': ['MPAN', 'MACO3']}, {'id': 32, 'name': '00_8', 'specs': ['NRI15OOH', 'NRI15O2']}, {'id': 33, 'name': '00_1', 'specs': ['RN8O2', 'CH3COCH3']}, {'id': 34, 'name': '00_3', 'specs': ['RU11O2', 'RU11OOH']}, {'id': 35, 'name': '00_2', 'specs': ['RU12OOH', 'RU12O2', 'DHCARB9']}, {'id': 36, 'name': '00_5', 'specs': ['RU14NO3', 'RU12NO3', 'RU10NO3']}, {'id': 37, 'name': '00_4', 'specs': ['RTN26OOH', 'RTN26O2', 'RTN26PAN']}, {'id': 38, 'name': '00_7', 'specs': ['PHAN', 'HOCH2CO3H', 'HOCH2CO3']}, {'id': 39, 'name': '00_6', 'specs': ['RUA20OOH', 'RUA20O2']}, {'id': 40, 'name': '00_11', 'specs': ['NRUA20OOH', 'NRUA20O2']}, {'id': 41, 'name': '00_10', 'specs': ['NRI12OOH', 'NRI12O2']}, {'id': 42, 'name': '00_13', 'specs': ['NRN9O2', 'NRN9OOH']}, {'id': 43, 'name': '00_12', 'specs': ['RA16BO2', 'BENZAL', 'RA16BOOH']}, {'id': 44, 'name': '00_15', 'specs': ['IEPOX', 'UCARB12', 'RU14OOH']}, {'id': 45, 'name': '00_14', 'specs': ['NRTX28OOH', 'NRTX28O2']}, {'id': 46, 'name': '00_17', 'specs': ['PECOH', 'DIEK']}, {'id': 47, 'name': '00_16', 'specs': ['RI14OOH', 'RI14O2']}, {'id': 48, 'name': '00_19', 'specs': ['RTN23O2', 'RTN23OOH']}, {'id': 49, 'name': '00_18', 'specs': ['RTN25OOH', 'RTN25O2']}, {'id': 50, 'name': '12_4', 'specs': ['NRN6O2', 'NRN6OOH']}, {'id': 51, 'name': '12_12', 'specs': ['PECOH', 'DIEK']}, {'id': 52, 'name': '12_13', 'specs': ['RN35OOH', 'CARB33']}, {'id': 53, 'name': '12_10', 'specs': ['NRN9O2', 'NRN9OOH']}, {'id': 54, 'name': '12_11', 'specs': ['RI14OOH', 'RI14O2']}, {'id': 55, 'name': '12_14', 'specs': ['CCARB14', 'RC16O2']}],
"links":[{'endValue': 1, 'source': 39, 'target': 17, 'value': 1}, {'endValue': 1, 'source': 33, 'target': 13, 'value': 1}, {'endValue': 1, 'source': 37, 'target': 16, 'value': 1}, {'endValue': 1, 'source': 37, 'target': 16, 'value': 1}, {'endValue': 1, 'source': 34, 'target': 14, 'value': 1}, {'endValue': 1, 'source': 20, 'target': 5, 'value': 1}, {'endValue': 1, 'source': 38, 'target': 18, 'value': 1}, {'endValue': 1, 'source': 20, 'target': 5, 'value': 1}, {'endValue': 1, 'source': 31, 'target': 30, 'value': 1}, {'endValue': 1, 'source': 34, 'target': 14, 'value': 1}, {'endValue': 1, 'source': 31, 'target': 30, 'value': 1}, {'endValue': 1, 'source': 44, 'target': 0, 'value': 1}, {'endValue': 1, 'source': 38, 'target': 18, 'value': 1}, {'endValue': 1, 'source': 33, 'target': 13, 'value': 1}, {'endValue': 1, 'source': 42, 'target': 2, 'value': 1}, {'endValue': 1, 'source': 42, 'target': 2, 'value': 1}, {'endValue': 1, 'source': 48, 'target': 4, 'value': 1}, {'endValue': 1, 'source': 47, 'target': 1, 'value': 1}, {'endValue': 1, 'source': 46, 'target': 6, 'value': 1}, {'endValue': 1, 'source': 41, 'target': 19, 'value': 1}, {'endValue': 1, 'source': 21, 'target': 10, 'value': 1}, {'endValue': 1, 'source': 32, 'target': 11, 'value': 1}, {'endValue': 1, 'source': 47, 'target': 1, 'value': 1}, {'endValue': 1, 'source': 46, 'target': 6, 'value': 1}, {'endValue': 1, 'source': 39, 'target': 17, 'value': 1}, {'endValue': 1, 'source': 49, 'target': 7, 'value': 1}, {'endValue': 1, 'source': 45, 'target': 3, 'value': 1}, {'endValue': 1, 'source': 38, 'target': 18, 'value': 1}, {'endValue': 1, 'source': 21, 'target': 10, 'value': 1}, {'endValue': 1, 'source': 32, 'target': 11, 'value': 1}, {'endValue': 1, 'source': 48, 'target': 4, 'value': 1}, {'endValue': 1, 'source': 49, 'target': 7, 'value': 1}, {'endValue': 1, 'source': 44, 'target': 0, 'value': 1}, {'endValue': 1, 'source': 45, 'target': 3, 'value': 1}, {'endValue': 1, 'source': 41, 'target': 19, 'value': 1}, {'endValue': 1, 'source': 37, 'target': 16, 'value': 1}, {'endValue': 1, 'source': 36, 'target': 28, 'value': 1}, {'endValue': 1, 'source': 43, 'target': 28, 'value': 1}, {'endValue': 1, 'source': 40, 'target': 28, 'value': 1}, {'endValue': 1, 'source': 23, 'target': 28, 'value': 1}, {'endValue': 1, 'source': 35, 'target': 28, 'value': 1}, {'endValue': 1, 'source': 22, 'target': 28, 'value': 1}, {'endValue': 1, 'source': 43, 'target': 28, 'value': 1}, {'endValue': 1, 'source': 44, 'target': 28, 'value': 1}, {'endValue': 1, 'source': 36, 'target': 28, 'value': 1}, {'endValue': 1, 'source': 35, 'target': 28, 'value': 1}, {'endValue': 1, 'source': 23, 'target': 28, 'value': 1}, {'endValue': 1, 'source': 35, 'target': 28, 'value': 1}, {'endValue': 1, 'source': 22, 'target': 28, 'value': 1}, {'endValue': 1, 'source': 36, 'target': 28, 'value': 1}, {'endValue': 1, 'source': 43, 'target': 28, 'value': 1}, {'endValue': 1, 'source': 40, 'target': 28, 'value': 1}, {'endValue': 1, 'source': 22, 'target': 28, 'value': 1}, {'endValue': 1, 'source': 23, 'target': 28, 'value': 1}, {'endValue': 1, 'source': 2, 'target': 53, 'value': 1}, {'endValue': 1, 'source': 18, 'target': 26, 'value': 1}, {'endValue': 1, 'source': 18, 'target': 26, 'value': 1}, {'endValue': 1, 'source': 6, 'target': 51, 'value': 1}, {'endValue': 1, 'source': 1, 'target': 54, 'value': 1}, {'endValue': 1, 'source': 11, 'target': 8, 'value': 1}, {'endValue': 1, 'source': 15, 'target': 50, 'value': 1}, {'endValue': 1, 'source': 18, 'target': 26, 'value': 1}, {'endValue': 1, 'source': 19, 'target': 9, 'value': 1}, {'endValue': 1, 'source': 19, 'target': 9, 'value': 1}, {'endValue': 1, 'source': 11, 'target': 8, 'value': 1}, {'endValue': 1, 'source': 1, 'target': 54, 'value': 1}, {'endValue': 1, 'source': 6, 'target': 51, 'value': 1}, {'endValue': 1, 'source': 15, 'target': 50, 'value': 1}, {'endValue': 1, 'source': 2, 'target': 53, 'value': 1}, {'endValue': 1, 'source': 28, 'target': 52, 'value': 1}, {'endValue': 1, 'source': 28, 'target': 25, 'value': 1}, {'endValue': 1, 'source': 28, 'target': 12, 'value': 1}, {'endValue': 1, 'source': 28, 'target': 55, 'value': 1}, {'endValue': 1, 'source': 28, 'target': 24, 'value': 1}, {'endValue': 1, 'source': 28, 'target': 55, 'value': 1}, {'endValue': 1, 'source': 28, 'target': 52, 'value': 1}, {'endValue': 1, 'source': 28, 'target': 24, 'value': 1}, {'endValue': 1, 'source': 28, 'target': 27, 'value': 1}, {'endValue': 1, 'source': 28, 'target': 27, 'value': 1}, {'endValue': 1, 'source': 28, 'target': 24, 'value': 1}, {'endValue': 1, 'source': 28, 'target': 29, 'value': 1}, {'endValue': 1, 'source': 28, 'target': 29, 'value': 1}, {'endValue': 1, 'source': 28, 'target': 12, 'value': 1}, {'endValue': 1, 'source': 28, 'target': 25, 'value': 1}, {'endValue': 1, 'source': 28, 'target': 25, 'value': 1}]}
dt['nodes'] = dt['nodes'].map(d=>{d['name'] = d['specs'].join(' ');return d})
return dt
}
d3 = require('d3')
One platform to build and deploy the best data apps
Experiment and prototype by building visualizations in live JavaScript notebooks. Collaborate with your team and decide which concepts to build out.
Use Observable Framework to build data apps locally. Use data loaders to build in any language or library, including Python, SQL, and R.
Seamlessly deploy to Observable. Test before you ship, use automatic deploy-on-commit, and ensure your projects are always up-to-date.