Public
Edited
Mar 12, 2023
Importers
Terminal=html`<div id='terminal' style="background-color:#444;color:#BBB;width:100%;height:auto"' >${title}</div>`
function print(...args){
Terminal.innerHTML+=" "
for(let arg of args){
Terminal.innerHTML=arg+"\t"
}
Terminal.innerHTML+="<br>"
}
function cls(){
Terminal.innerHTML=`${title}`
}
cls()
print()
mutable id="@observablehq/notebook-visualizer"
import {chart} with {id as id} from "@observablehq/notebook-visualizer"
function visulizeNB(id){
mutable id=id;
return chart
}
visulizeNB("@cottonsh/echarts-runner")
3、Akshare tookit
javascript
import {akshare} from '@cottonsh/utils'
//return json data
data=akshare(api_name,{arg1:value,arg2:value})
//show data
Inputs.table(data)
function Py2(codes,objBack=null){
var msg
$.ajax({
type: "get",
url: "http://127.0.0.1:5000",
dataType : 'json',
crossDomain:true,
contentType:'application/json',
data:{code:codes,objBack:objBack},
async:false,
success: function(res){
msg={
out:res.out,
value:JSON.parse(res.objBack)
}
}
});
return msg
}
打印table
https://observablehq.com/@visnup/hello-danfo-js
function printdf(data_as_array) {
const table = html`<table></table>`;
let tableObject = d3.select(table);
tableObject.append("tr")
.selectAll()
.data(data_as_array[0])
.enter()
.append("th")
.text(d => d);
tableObject.selectAll("tr")
.data(data_as_array.slice(1, 15))
.enter()
.append("tr")
.selectAll()
.data(d => d)
.enter()
.append("td")
.text(d => d)
;
return table;
}
使用attrs属性
//使用 d3.select('div').call(attrs({width:600,height:800}))
function attrs(o,arg) {
Object.keys(arg).forEach(k=>{
console.log(typeof k,arg[k])
o.attr(k,arg[k])
})
}
import {EchartsRunner} from '@cottonsh/echarts-runner'
moment=require("https://cdn.jsdelivr.net/npm/moment@2.29.4/moment.min.js")
import {dfd} from '@visnup/hello-danfo-js'
$=require("https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js")
sz=akshare('stock_szse_summary',{"date":''+getDate(new Date())})
function handle_null_json(data){
data.forEach(d=>{
for(var key in d){
if (d[key]===null){
d[key]=0
}
}
})
}
import {style} from "@sandraviz/d3image"
htl.html`<div id='test'>test</div><script type='module'>
import { faker } from 'https://cdn.skypack.dev/@faker-js/faker';
console.log(faker.name.fullName();)
document.getElementById("test").innerHTML='test2'
</script>
`
faker=import('https://cdn.skypack.dev/@faker-js/faker')
faker.faker.name.fullName()
Faker = (await import('https://cdn.skypack.dev/faker@5.5.3?min')).default
pd.date_range('2013-1-1',periods=6)
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
