Las 7 reglas de poder que te llevan al éxito, según la universidad de Stanford, CUIDADITO

Un profesor de la Stanford Graduate School of Business dice que estas 7 reglas simples son el secreto del éxito.

Estas reglas también pueden ayudar a lograr cambios positivos en tu vida.

• Sal de tu propio camino: esto se refiere a dejar de sabotearte a ti mismo, de hacer cosas que afectan negativamente tu proceso y tu éxito, y de mantener malos hábitos que no te suman nada,

• Rompe las reglas: la idea es que conozcas las reglas, pero que sepas identificar cuando es momentos de romperlas para seguir un camino distinto, para que esas reglas no te limiten o se conviertan en un freno.

• Preséntate de manera poderosa: esto se refiere a cosas como cuidar tu imagen, tu manera de hablar y mostrar seguridad, que son cosas que te ayudan a ganarte a los demás, a parecer una persona segura y a llamar la atención de la forma correcta, creando una buena impresión en todo lugar.

• Crea una marca poderosa: se trata de ser coherente, de saber quién eres, conocerte a ti mismo y lo que quieres lograr, para que todo lo que hagas sea coherente con eso y sea identificable.

• No dejes de hacer networking: las personas más exitosas saben que al éxito no se llega sin ayuda y sin apoyo, así que siempre están buscando crear conexiones con las personas correctas. El networking puede darte muchas oportunidades, abrirte puertas e incluso ponerte en el camino de personas que te pueden enseñar muchas cosas.

• Usa tu poder: conoce tus fortalezas, desarrollarlas y úsalas a tu favor. La clave está en entender que siempre puedes seguir creciendo y mejorando, y que debes seguir trabajando en tus talentos para que sean útiles y más poderosos.

• Comprende que una vez que hayas adquirido poder, lo que hiciste para obtenerlo será perdonado, olvidado o ambas cosas: no te obsesiones con los errores, las fallas o las caídas, enfócate en llegar a la meta, en seguir avanzando y en aprender de tus experiencias para no dejar de crecer. (Esta no la tengo yo muy clara)

La ventaja de estas reglas es que no solo te pueden ayudar a crecer en tu trabajo, también pueden mejorar tu vida en lo personal y te ayudan a convertirte en un buen líder en caso de que quieras serlo.

Resumen con datos de la vida de los 25 multimillonarios más jóvenes del mundo en…

JADgest

1. Ryan Kavanaugh (39 años): Cofundador de Relativity Media, una productora de cine y televisión. Patrimonio neto: $6.3 mil millones.

https://www.imdb.com/name/nm1448916/

Ryan Kavanaugh

2. Pedro Vargas Meléndez (37 años): Heredó una participación en Televisa, la cadena de televisión más grande de América Latina. Patrimonio neto: $5.6 mil millones.

3. Alexandra Andresen (34 años): Heredera de la fortuna de su padre, Johan H. Andresen, un magnate noruego de los negocios. Patrimonio neto: $5.3 mil millones.

4. Katharina Andresen (32 años): Heredera de la fortuna de su padre, Johan H. Andresen, un magnate noruego de los negocios. Patrimonio neto: $5.3 mil millones.

5. Julia Koch (31 años): Heredera de una participación en Koch Industries, una de las empresas privadas más grandes de Estados Unidos. Patrimonio neto: $5.1 mil millones.

https://www.forbes.com/profile/julia-koch/

6. Lukas Lundin (30 años): Heredero de la fortuna de su padre, Lars Lundin, un magnate petrolero sueco. Patrimonio neto: $4.9 mil millones.

7. Scott Duncan (30 años): Heredó una participación en Enterprise Products, una de las compañías de oleoductos y gasoductos más grandes de Estados Unidos. Patrimonio neto: $4.6 mil millones.

https://www.forbes.com/profile/scott-duncan/

8. Gary Wang (30 años): Cofundador y CEO de Coinbase, una plataforma de intercambio de criptomonedas. Patrimonio neto: $4.3 mil millones.

9. Alexander Mordashov (29 años): Heredero de una participación en Severstal, una de las empresas siderúrgicas más grandes de Rusia. Patrimonio neto: $4.2 mil millones.

10. Pedro del Valle (29 años): Cofundador y CEO de Rappi, una empresa de entrega a pedido latinoamericana. Patrimonio neto: $4.1 mil millones.

11. Livia Voigt (19 años): Heredera de BRF S.A., una de las compañías de procesamiento de carne más grandes de Brasil. Patrimonio neto: $4.0 mil millones.

12. Johann Rupert (28 años): Heredero del imperio de lujo Richemont, que incluye marcas como Cartier, Van Cleef & Arpels y Jaeger-LeCoultre. Patrimonio neto: $3.9 mil millones.

https://www.forbes.com/profile/johann-rupert/

13. Kylie Jenner (24 años): Fundadora de Kylie Cosmetics, una marca de cosméticos. Patrimonio neto: $3.7 mil millones.

https://www.forbes.com/profile/kylie-jenner/

14. Gustav Magnar Witzøe (24 años): Heredero de SalMar, una de las empresas de cultivo de salmón más grandes de Noruega. Patrimonio neto: $3.6 mil millones.

15. Neil Patrick Harris (48 años): Actor, cantante y productor estadounidense. Patrimonio neto: $50 millones.

https://www.imdb.com/name/nm0000439/

16. David Beckham (47 años): Exfutbolista inglés y actual modelo y empresario. Patrimonio neto: $450 millones.

https://www.imdb.com/name/nm0065743/

17. Cristiano Ronaldo (37 años): Futbolista portugués profesional. Patrimonio neto: $500 millones.

https://www.imdb.com/name/nm1860184/

18. LeBron James (38 años): Jugador de baloncesto profesional estadounidense. Patrimonio neto: $1 mil millones.

https://www.imdb.com/name/nm1429908/

19. Tiger Woods (47 años): Golfista profesional estadounidense. Patrimonio neto: $1.1 mil millones.

https://www.imdb.com/name/nm0971329/

20. Roger Federer (41 años): Tenista profesional suizo. Patrimonio neto: $550 millones.

https://www.imdb.com/name/nm1716574/

21. Michael Jordan (59 años): Exjugador de baloncesto profesional estadounidense y actual propietario mayoritario de los Charlotte Hornets. Patrimonio neto: $1.6 mil millones.

https://www.imdb.com/name/nm0003044/

22. Phil Mickelson (52 años): Golfista profesional estadounidense. Patrimonio neto: $500 millones.

https://www.imdb.com/name/nm0585311/

23. Venus Williams (42 años): Tenista profesional estadounidense. Patrimonio neto: $95 millones.

https://www.imdb.com/name/nm1102988/

24. Serena Williams (41 años): Tenista profesional estadounidense. Patrimonio neto: $225 millones.

https://www.imdb.com/name/nm1102987/

25. Maria Sharapova (36 años): Exjugadora de tenis profesional rusa. Patrimonio neto: $320 millones.

https://www.imdb.com/name/nm1682495/

Para resumir: La edad promedio de los multimillonarios en la lista es de 31 años.

D3.js

D3.js

Introducción:
D3.js (Data-Driven Documents) es una biblioteca de JavaScript poderosa y flexible para la visualización de datos. Fue creada por Mike Bostock y es ampliamente utilizada para crear gráficos y visualizaciones interactivas en la web. Aquí hay algunos puntos clave sobre D3.js:

• Vinculación de Datos a Documentos: D3.js permite vincular datos a elementos del DOM (Document Object Model) y aplicar transformaciones basadas en esos datos. Esto facilita la creación de visualizaciones dinámicas y actualizables.

• Selección y Manipulación de Elementos: Utiliza un modelo de selección similar a jQuery, lo que permite seleccionar elementos del DOM, crear nuevos elementos y modificar los existentes.

• SVG y Canvas: Principalmente trabaja con SVG (Scalable Vector Graphics) para crear gráficos vectoriales, pero también puede trabajar con el elemento <canvas> de HTML5 para gráficos más complejos o que requieran un rendimiento mayor.

• Transiciones y Animaciones: D3.js ofrece un robusto soporte para transiciones y animaciones, lo que permite actualizar las visualizaciones de manera suave y efectiva.

• Escalado y Ejes: Proporciona funciones para crear escalas y ejes, facilitando la representación precisa de datos en gráficas y diagramas.

• Flexibilidad y Extensibilidad: Aunque D3.js es muy poderosa, también es compleja y requiere un buen entendimiento de JavaScript y del DOM. Su flexibilidad permite crear casi cualquier tipo de visualización, pero esto también implica que no ofrece soluciones «listas para usar» como otras bibliotecas de gráficos más simples.

• Ecosistema y Comunidad: Hay una amplia comunidad de usuarios y una gran cantidad de ejemplos y recursos en línea. La documentación oficial es extensa y hay muchos tutoriales disponibles.

• Uso en Proyectos: D3.js es utilizado por organizaciones y desarrolladores para crear visualizaciones interactivas en una variedad de contextos, desde periodismo de datos hasta análisis científicos y financieros.

Aquí hay un ejemplo básico de cómo D3.js se usa para crear un gráfico de barras:

javascript

Copiar código

const data = [4, 8, 15, 16, 23, 42]; const width = 420, barHeight = 20; const x = d3.scaleLinear() .domain([0, d3.max(data)]) .range([0, width]); const chart = d3.select(«.chart») .attr(«width», width) .attr(«height», barHeight * data.length); const bar = chart.selectAll(«g») .data(data) .enter().append(«g») .attr(«transform», (d, i) => `translate(0, ${i * barHeight})`); bar.append(«rect») .attr(«width», x) .attr(«height», barHeight – 1); bar.append(«text») .attr(«x», d => x(d) – 3) .attr(«y», barHeight / 2) .attr(«dy», «.35em») .text(d => d);

Este código selecciona una clase chart, define una escala lineal basada en los datos y luego crea barras y texto para cada dato en el conjunto.

D3.js es una herramienta potente para cualquier desarrollador web interesado en crear visualizaciones de datos complejas y personalizadas.

D3.js se utiliza en una amplia variedad de sitios web, desde medios de comunicación hasta plataformas de análisis de datos. Aquí tienes algunos ejemplos destacados:

• The New York Times:

• El equipo de gráficos del New York Times utiliza D3.js para crear visualizaciones interactivas y detalladas que acompañan sus reportajes. Un ejemplo clásico es el gráfico interactivo de los resultados electorales.

• Washington Post:

• Similar al New York Times, el Washington Post emplea D3.js para sus visualizaciones interactivas. Esto incluye gráficos sobre temas políticos, económicos y sociales.

• NPR Visuals:

• La división de visualización de datos de NPR utiliza D3.js para crear gráficos interactivos y narrativas visuales que complementan sus historias.

• Observable:

• Observable es una plataforma de cuadernos interactivos que permite a los usuarios crear y compartir visualizaciones de datos. Muchas de las visualizaciones en Observable están hechas con D3.js.

• Gapminder:

• Aunque no todas sus visualizaciones están hechas exclusivamente con D3.js, Gapminder utiliza D3.js para algunas de sus animaciones y gráficos interactivos que muestran estadísticas globales de desarrollo y salud.

• Datameer:

• Datameer es una plataforma de análisis de datos que utiliza D3.js para sus gráficos y visualizaciones, ayudando a los usuarios a interpretar y explorar grandes conjuntos de datos.

• Airbnb Data Science Blog:

• El equipo de ciencia de datos de Airbnb ha utilizado D3.js para crear gráficos interactivos en su blog, mostrando análisis y resultados de investigaciones.

• FiveThirtyEight:

• Este sitio, conocido por su análisis estadístico de deportes, política y economía, utiliza D3.js para crear gráficos interactivos y detallados que acompañan sus artículos.

• BBC Data Visualisation:

• El equipo de gráficos de la BBC emplea D3.js para crear visualizaciones interactivas en sus reportajes y análisis de datos.

• Financial Times:

• El equipo de gráficos y datos del Financial Times utiliza D3.js para sus visualizaciones interactivas en artículos que cubren finanzas, economía y noticias globales.

Estos sitios web muestran la versatilidad y potencia de D3.js para crear visualizaciones de datos interactivas y atractivas en una variedad de contextos y disciplinas.

Ejemplos de páginas web donde se utiliza D3.js para crear visualizaciones interactivas:

• The New York Times: Esta página es conocida por sus gráficos y visualizaciones de datos. Por ejemplo, esta visualización utiliza D3.js para mostrar proyecciones de las elecciones.

• Washington Post: Otro medio que utiliza D3.js para sus gráficos interactivos. Puedes ver ejemplos de sus visualizaciones interactivas en esta página.

• Observable: Esta plataforma es un espacio común para la creación y el intercambio de visualizaciones con D3.js. Puedes explorar diversas galerías y ejemplos en Observable y aprender cómo hacer gráficos interactivos, como en este ejemplo de la Universidad de Stanford.

Estos enlaces te mostrarán cómo D3.js se utiliza para crear visualizaciones complejas y atractivas, permitiendo a los usuarios interactuar con los datos de maneras innovadoras y efectivas.

Curso:
Libreria bajo nivel
Gráficos de cero, no predefinido, todo a mano, función
Trabajamos con las primitivas de gráficos

Html (estructura)
Css (acabado)
Javascript (lógica)



Esto es html5

!

El html lo interpreta el navegador

Ya estaba instalado
Servidor



Para que grave automatización

Para q habrá el html con el servidor y ver el resultado del html

Link css



Los estilos q los guarde en la carpeta css
Al ponerte encima del link

Te permite hacer follón y crea el css y la carpeta

En el css cogemos el selector etiqueta h1

Hoja de estilos externas

Carpeta js para meter el javascript

Botón aceptar para que cargue el resto

Por rendimiento mete el javascript aquí



En la pestaña console

Observable
No compatible con javascrpit al 100%

Todo seguido sin espacios, aire,  sin minificacion (más ligerobybse carga más rápido)

Javascript no es encantador, ojo seguridad

2003 primera versión de d3.js y la última en 2023

Mejor ponerlo al final

Ha reconocido la carpeta que he creado

//
Para poner comentarios

Funciones mías

Y métodos, ya definidos y creados

Primer código en d3
Con 3 métodos encadenados

de HTML5 para gráficos más complejos o que requieran un rendimiento mayor.
• Transiciones y Animaciones: D3.js ofrece un robusto soporte para transiciones y animaciones, lo que permite actualizar las visualizaciones de manera suave y efectiva.
• Escalado y Ejes: Proporciona funciones para crear escalas y ejes, facilitando la representación precisa de datos en gráficas y diagramas.
• Flexibilidad y Extensibilidad: Aunque D3.js es muy poderosa, también es compleja y requiere un buen entendimiento de JavaScript y del DOM. Su flexibilidad permite crear casi cualquier tipo de visualización, pero esto también implica que no ofrece soluciones «listas para usar» como otras bibliotecas de gráficos más simples.
• Ecosistema y Comunidad: Hay una amplia comunidad de usuarios y una gran cantidad de ejemplos y recursos en línea. La documentación oficial es extensa y hay muchos tutoriales disponibles.
• Uso en Proyectos: D3.js es utilizado por organizaciones y desarrolladores para crear visualizaciones interactivas en una variedad de contextos, desde periodismo de datos hasta análisis científicos y financieros.
Aquí hay un ejemplo básico de cómo D3.js se usa para crear un gráfico de barras:
javascript
Copiar código
const data = [4, 8, 15, 16, 23, 42]; const width = 420, barHeight = 20; const x = d3.scaleLinear() .domain([0, d3.max(data)]) .range([0, width]); const chart = d3.select(«.chart») .attr(«width», width) .attr(«height», barHeight * data.length); const bar = chart.selectAll(«g») .data(data) .enter().append(«g») .attr(«transform», (d, i) => `translate(0, ${i * barHeight})`); bar.append(«rect») .attr(«width», x) .attr(«height», barHeight – 1); bar.append(«text») .attr(«x», d => x(d) – 3) .attr(«y», barHeight / 2) .attr(«dy», «.35em») .text(d => d);
Este código selecciona una clase chart, define una escala lineal basada en los datos y luego crea barras y texto para cada dato en el conjunto.
D3.js es una herramienta potente para cualquier desarrollador web interesado en crear visualizaciones de datos complejas y personalizadas.
D3.js se utiliza en una amplia variedad de sitios web, desde medios de comunicación hasta plataformas de análisis de datos. Aquí tienes algunos ejemplos destacados:
• The New York Times:
• El equipo de gráficos del New York Times utiliza D3.js para crear visualizaciones interactivas y detalladas que acompañan sus reportajes. Un ejemplo clásico es el gráfico interactivo de los resultados electorales.
• Washington Post:
• Similar al New York Times, el Washington Post emplea D3.js para sus visualizaciones interactivas. Esto incluye gráficos sobre temas políticos, económicos y sociales.
• NPR Visuals:
• La división de visualización de datos de NPR utiliza D3.js para crear gráficos interactivos y narrativas visuales que complementan sus historias.
• Observable:
• Observable es una plataforma de cuadernos interactivos que permite a los usuarios crear y compartir visualizaciones de datos. Muchas de las visualizaciones en Observable están hechas con D3.js.
• Gapminder:
• Aunque no todas sus visualizaciones están hechas exclusivamente con D3.js, Gapminder utiliza D3.js para algunas de sus animaciones y gráficos interactivos que muestran estadísticas globales de desarrollo y salud.
• Datameer:
• Datameer es una plataforma de análisis de datos que utiliza D3.js para sus gráficos y visualizaciones, ayudando a los usuarios a interpretar y explorar grandes conjuntos de datos.
• Airbnb Data Science Blog:
• El equipo de ciencia de datos de Airbnb ha utilizado D3.js para crear gráficos interactivos en su blog, mostrando análisis y resultados de investigaciones.
• FiveThirtyEight:
• Este sitio, conocido por su análisis estadístico de deportes, política y economía, utiliza D3.js para crear gráficos interactivos y detallados que acompañan sus artículos.
• BBC Data Visualisation:
• El equipo de gráficos de la BBC emplea D3.js para crear visualizaciones interactivas en sus reportajes y análisis de datos.
• Financial Times:
• El equipo de gráficos y datos del Financial Times utiliza D3.js para sus visualizaciones interactivas en artículos que cubren finanzas, economía y noticias globales.
Estos sitios web muestran la versatilidad y potencia de D3.js para crear visualizaciones de datos interactivas y atractivas en una variedad de contextos y disciplinas.
Ejemplos de páginas web donde se utiliza D3.js para crear visualizaciones interactivas:
• The New York Times: Esta página es conocida por sus gráficos y visualizaciones de datos. Por ejemplo, esta visualización utiliza D3.js para mostrar proyecciones de las elecciones.
• Washington Post: Otro medio que utiliza D3.js para sus gráficos interactivos. Puedes ver ejemplos de sus visualizaciones interactivas en esta página.
• Observable: Esta plataforma es un espacio común para la creación y el intercambio de visualizaciones con D3.js. Puedes explorar diversas galerías y ejemplos en Observable y aprender cómo hacer gráficos interactivos, como en este ejemplo de la Universidad de Stanford.
Estos enlaces te mostrarán cómo D3.js se utiliza para crear visualizaciones complejas y atractivas, permitiendo a los usuarios interactuar con los datos de maneras innovadoras y efectivas.
Curso:
Libreria bajo nivel
Gráficos de cero, no predefinido, todo a mano, función
Trabajamos con las primitivas de gráficos
Html (estructura)
Css (acabado)
Javascript (lógica)
Esto es html5
!
El html lo interpreta el navegador
Ya estaba instalado
Servidor
Para que grave automatización
Para q habrá el html con el servidor y ver el resultado del html
Link css
Los estilos q los guarde en la carpeta css
Al ponerte encima del link
Te permite hacer follón y crea el css y la carpeta
En el css cogemos el selector etiqueta h1
Hoja de estilos externas
Carpeta js para meter el javascript
Botón aceptar para que cargue el resto
Por rendimiento mete el javascript aquí
En la pestaña console
Observable
No compatible con javascrpit al 100%
Todo seguido sin espacios, aire, sin minificacion (más ligerobybse carga más rápido)
Javascript no es encantador, ojo seguridad
2003 primera versión de d3.js y la última en 2023
Mejor ponerlo al final
Ha reconocido la carpeta que he creado
//
Para poner comentarios
Funciones mías
Y métodos, ya definidos y creados
Primer código en d3
Con 3 métodos encadenados