data Archives | JS FAQ - JavaScript Guides Online

How to create a bar chart with D3

Libraries: D3.jsbar chart, d3, data, svg

Creating bar charts with D3.js involves setting rectangle attributes using xScale and yScale for positioning and sizing. Axes are added with d3.axisBottom and d3.axisLeft. Transitions animate bar updates, and tooltips enhance interactivity by showing data values on hover.

Libraries: Svelte

How to pass props to a Svelte component

Libraries: Sveltecomponent, data, props, svelte

Props in React are immutable within child components, serving as read-only inputs from the parent. Default values for props in functional components use parameter destructuring, while class components rely on defaultProps. React re-renders children with updated props on state changes. Managing derived state from props requires care to avoid stale values.

Libraries: D3.js

How to bind data to DOM elements in D3

Libraries: D3.jsbind, d3, data, enter

Data-driven SVG visualizations benefit from encapsulating update logic in functions like updateCircles for readability and maintainability. Functional data transformations preserve immutability. Separating data processing from rendering and modularizing code improves organization and performance in complex projects.

Libraries: TensorFlow.js

How to create a tensor in TensorFlow.js

Libraries: TensorFlow.jsdata, shape, tensor, tensorflowjs

Manipulating tensor shapes in TensorFlow.js involves reshaping, transposing, slicing, and concatenating tensors to meet specific input requirements for neural networks. Functions like tf.transpose and tensor.cast enable dimension permutations and type conversions, essential for advanced deep learning workflows. Understanding these operations is crucial for efficient model construction.

Libraries: Vue

How to pass props to a Vue component

Libraries: Vuecomponent, data, props, vue

Vue prop best practices include using descriptive names, limiting prop numbers, and validating types with Vue's built-in mechanisms. Sensible default values and custom validators improve robustness. Avoid large data objects in props to enhance performance, considering Vuex for state management in complex apps.

Libraries: React

How to pass props to a component in React

Libraries: Reactcomponent, data, props, react

React prop-types for advanced validation: arrayOf, shape, objectOf, element, node, and custom functions. A comparison of runtime prop-types checks versus compile-time static type checking with TypeScript for safer, self-documenting component props.