Soy bastante nuevo en el mundo de JavaScript , así que tengan paciencia conmigo. Me encontré con la biblioteca de JavaScript Arquero que me gustaría usar en un archivo html independiente. Según la documentación , parece que debería ser posible. Proporcionan un breve código de ejemplo (ver más abajo), que está destinado a ser utilizado en el entorno Node.js (al menos así es como lo entendí), pero no puedo reproducirlo en el navegador. ¿Cómo debo construir este script en un html simple?
// <script src="https://cdn.jsdelivr.net/npm/arquero@latest"></script> // this is to reference the Arquero library import { all, desc, op, table } from 'arquero'; // Average hours of sunshine per month, from https://usclimatedata.com/. const dt = table({ 'Seattle': [69,108,178,207,253,268,312,281,221,142,72,52], 'Chicago': [135,136,187,215,281,311,318,283,226,193,113,106], 'San Francisco': [165,182,251,281,314,330,300,272,267,243,189,156] }); // Sorted differences between Seattle and Chicago. // Table expressions use arrow function syntax. dt.derive({ month: d => op.row_number(), diff: d => d.Seattle - d.Chicago }) .select('month', 'diff') .orderby(desc('diff')) .print();Como especifican los documentos:
Arquero se importará al objeto global
aq
Entonces, para hacer uso de las funciones, debe anteponerlas con aq .
// Average hours of sunshine per month, from https://usclimatedata.com/. const dt = aq.table({ 'Seattle': [69,108,178,207,253,268,312,281,221,142,72,52], 'Chicago': [135,136,187,215,281,311,318,283,226,193,113,106], 'San Francisco': [165,182,251,281,314,330,300,272,267,243,189,156] }); // Sorted differences between Seattle and Chicago. // Table expressions use arrow function syntax. dt.derive({ month: d => aq.op.row_number(), diff: d => d.Seattle - d.Chicago }) .select('month', 'diff') .orderby(aq.desc('diff')) .print(); <script src="https://cdn.jsdelivr.net/npm/arquero@latest"></script>